关于EasyUI的combobox的data属性以及它的运作过程

最新推荐文章于 2024-05-16 23:24:19 发布
最新推荐文章于 2024-05-16 23:24:19 发布
阅读量1.5w 收藏 2
点赞数
分类专栏： EasyUI js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27435059/article/details/51493199
版权

        这几天写代码碰到这个问题，记一下。因为不了解EasyUI的combobox的工作过程，上周星期五，调试了一下午，通过ajax请求

后台成功得到了数据，为什么就不能显示在combobox上，太尼抓狂了。 这个问题和是和combobox的data属性有关，以及valueField

属性有关



一.combobox的data属性

    先来说说combobox的data属性。 打开API文档，看combobox初始化时，给data的赋值方式，如下


最低0.47元/天 解锁文章
StaceyWeiStaceyWei
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
java combobox 数据库_easyui combobox获取后台数据库数据的方式介绍
weixin_28895791的博客
02-23 633
今天中午利用午休时间，学习了一下easyui combobox控件的的使用，可以参见下面的连接查看与combobox 相关的资料easyui combobox详细介绍(一)、功能需求(如下图所示):获取行政区划显示在下拉列表中 (二)、前台实现conbomox.jsp2.1、引入easyui相关文件到项目，在这里不多做介绍了，童鞋们可以自己度一下2.2、简单设置combobox的外形，combob...
easyUi的combobox属性 loadData，数据乱窜的问题。
applesin猿的博客
02-05 819
easyUi的combobox属性 loadData，传递并修改数据，导致传递前后两次的数据完全相同（数据乱窜），其实就是变量的深拷贝和浅拷贝的问题，解决办法“...”展开符，再包装回去再传递。
C# 中combobox 控件初始化
最新发布
zgscwxd的博客
05-16 227
4、绑定DataTable。
EasyUI的combobox使用总结
lkforce
01-30 3万+
一，combobox的属性，事件和方法 combobox可以配置属性，绑定事件监听，调用方法，理解这几个概念之后会对combobox有更清晰的了解。 1，配置属性 combobox可以配置自己的属性，他的属性可以定义在<input>或<select>标签的data-options参数中，比如： <select id="type" name="type" cl...
EasyUI combobox（单选下拉框）绑定数据3种方式（动态数据绑定，本地数据绑定，select标签渲染）
旭东怪的博客
11-20 3221
1 动态数据绑定 function BindListCode(codetype,isshowblank,strRequired){ $('#' + objId).combobox({ url: '/GetComboboxData.ashx?action=GetListCode&CodeType=' + codetype, valueField: 'Code', textField: 'CodeName', panelHe.
使用EasyUI combobox的loadData 加载数据
可控的事情要谨慎，不可控的事情要乐观。
09-18 7853
data-options的valueField和textField必须写上： <input class="easyui-combobox" id="rwlb" name="rwlb" style="width:435px" data-options="valueField:'id', textField:'text', panelHeight:'auto'" > 方法一： var...
EasyUI中combobox默认值注意事项
09-03
EasyUI的Combobox组件是一个强大的选择项输入控件，它将文本输入框和下拉列表相结合，提供了丰富的功能。然而，在设置默认值时，如果不注意一些细节，可能会导致预期效果无法实现。以下是对`EasyUI combobox`默认值...
easyUI combobox实现联动效果
08-31
在 EasyUI 中，Combobox 是一个非常实用的组件，它结合了输入框和下拉列表的功能，用户可以选择已有选项或自行输入。 联动效果是指在一个 Combobox 的选择发生变化时，自动更新另一个 Combobox 的选项。这种功能在...
EasyUI学习之Combobox级联下拉列表(2)
08-31
接着，它利用EasyUI的`combobox('loadData')`方法加载初始数据，并通过`onSelect`事件监听用户的选择，以便在选择后更新关联的下拉列表。 在`onSelect`回调中，我们需要根据选择的值动态地获取下一级别的数据，然后...
EasyUI学习之Combobox下拉列表(1)
11-29
本文实例为大家分享了EasyUI Combobox下拉列表的具体代码，供大家参考，具体内容如下 1. html代码 性别： <input class="easyui-combobox" style="width: 100px;" type="text" id="gender" /> 2.显示 3.js...
easyui-textbox和easyui-combobox的onchange事件响应实例
08-01
对于 `easyui-combobox`，我们则使用 `data-options` 属性的 `onChange` 键来指定处理函数 `handleComboboxChange`，该函数接收新旧值作为参数，同样弹出警告框展示变化。 这个实例展示了如何有效地利用 `onchange`...
Easyui combobox 的url、data-options属性 动态、即时地获取数据（两种方式）
可控的事情要谨慎，不可控的事情要乐观。
09-21 6224
一、效果展示： 下面输入供应商名称： 二、代码实现： 1.第一种方式：直接在标签的data-options属性里面写上Url: <td>供应商：<input class="easyui-combobox" id="supplierId" name="supplier.id" style="width: 200px" required="true" data-options="...
使用easyui-combobox的data属性加载定义好在*.js文件中的JSON数据的问题
NOT NULL
04-17 2355
js文件中的JSON对象定义： /** * 作废 * * @author ckz */ hkJson.selectOptionDisuse = [ { 'id' : '', 'text' : '全部' }, { 'id' : '0', 'text' : '未作废' }, { 'id' : '1', 'text' : '已作废' } ]; 问题—— 假设hkJson.se
EasyUI中combobox的使用方法
热门推荐
cjz_huateng的专栏
05-30 12万+
Combobox用法和方法参数: 1、 需要引入class=" easyui-combobox” 2、 参数设置需要在data-options中设置 3、 属性参数配置： valueField：基础数据值名称绑定到Combobox(提交值) textField：基础数据的字段名称绑定的Combobox（显示值） mode:定义当文本改变时如何加载列表数据，当设置为remote模式下，什
easyUI combobox 从后台取数据显示（明确前后的需求）
兔的骄傲
07-30 1460
在解决这个问题之前，我们需要先明确两个问题？ 1.首先明确，定义在data-options（combobox中属性）中我们的"textFiled"和"valueFiled"需要从后台得到什么样的值？ 2.在明确得到什么样的值之后，我们需要去通过怎么样的方式去得到前端需要的值？ 在明确这两点之后，我现在来分享一下自己的方式： 1.它要得到的是键值对形式json格式的值：[{"catName"...
comboBox控件的数据绑定方法汇总
chentiebo的博客
04-18 4903
并将集合赋值给控件的DataSource（数据源），并给控件的DisplayMember属性和ValueMember属性赋值，完成数据绑定。方法与绑定对象集合方法类似，使用这种方法同样可以利用控件的SelectedIndexChanged事件，通过选中的DisplayMember来查找对应的ValueMember，实现代码如下。创建数据绑定方法，在方法中创建一个string类型的数组集合。Data data1 = new Data() { ID = "A", Name = "西门子" };
easyui中data-options用法
好记性不如烂笔头--玲博小记
08-30 9万+
data-options是jquery easyui 最近几个版本才开发的一个属性。在控件中具有和Index相对应的Controller，调用其中的方法。因为有这个属性，我们在html中就可以实例化组件。 子节点属性赋值 <div class="easyui-dialog" style="width:200px;height:100px" data-options="title:'M
easyui combobox data
09-20
EasyUI Combobox是一款常用的前端组件，它提供了一种简单而强大的方式来选择或输入数据。要为Combobox提供数据，可以通过不同的方式进行设置。 1. 使用静态数据： 可以直接在代码中定义一个数组或对象来作为Combobox的数据源。示例代码如下： ```javascript $('#combobox').combobox({ data: [ { value: '1', text: 'Option 1' }, { value: '2', text: 'Option 2' }, { value: '3', text: 'Option 3' } ] }); ``` 2. 使用远程数据： 如果需要从服务器获取数据，可以使用Ajax来请求数据，并将返回的数据设置为Combobox的数据源。示例代码如下： ```javascript $('#combobox').combobox({ url: 'data.php', valueField: 'value', textField: 'text' }); ``` 其中，`url`参数指定了从服务器获取数据的地址，`valueField`和`textField`分别指定了数据项中value和text的字段名。 3. 动态加载数据： 在某些情况下，需要根据用户的操作或其他因素动态加载Combobox的数据。可以使用Combobox提供的方法来动态添加、删除和修改数据。示例代码如下： ```javascript // 添加数据 $('#combobox').combobox('loadData', [ { value: '4', text: 'Option 4' }, { value: '5', text: 'Option 5' } ]); // 删除数据 $('#combobox').combobox('removeItem', '3'); // 修改数据 $('#combobox').combobox('updateItem', { value: '2', text: 'New Option 2' }); ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值