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

最新推荐文章于 2023-02-05 12:44:14 发布
最新推荐文章于 2023-02-05 12:44:14 发布
阅读量1.5w 收藏 2
点赞数
分类专栏： EasyUI js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27435059/article/details/51493199
版权
本文主要探讨了EasyUI Combobox组件的data属性及其运作过程。在使用Combobox时，需要注意data应为JSON对象。作者分享了由于忽视dataType导致的数据无法正常显示的问题，并指出设置dataType:'json'的重要性。同时，解释了Combobox如何通过valueField和textField将数字转换为对应的字符串显示。
摘要由CSDN通过智能技术生成

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

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

属性有关



一.combobox的data属性

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


最低0.47元/天 解锁文章
StaceyWeiStaceyWei
关注
专栏目录
EasyUI combobox（单选下拉框）绑定数据3种方式（动态数据绑定，本地数据绑定，select标签渲染）
旭东怪的博客
11-20 3345
1 动态数据绑定 function BindListCode(codetype,isshowblank,strRequired){ $('#' + objId).combobox({ url: '/GetComboboxData.ashx?action=GetListCode&CodeType=' + codetype, valueField: 'Code', textField: 'CodeName', panelHe.
java combobox 数据库_easyui combobox获取后台数据库数据的方式介绍
weixin_28895791的博客
02-23 642
今天中午利用午休时间，学习了一下easyui combobox控件的的使用，可以参见下面的连接查看与combobox 相关的资料easyui combobox详细介绍(一)、功能需求(如下图所示):获取行政区划显示在下拉列表中 (二)、前台实现conbomox.jsp2.1、引入easyui相关文件到项目，在这里不多做介绍了，童鞋们可以自己度一下2.2、简单设置combobox的外形，combob...
EasyUI中combobox的使用方法
热门推荐
cjz_huateng的专栏
05-30 12万+
Combobox用法和方法参数: 1、 需要引入class=" easyui-combobox” 2、 参数设置需要在data-options中设置 3、 属性参数配置： valueField：基础数据值名称绑定到Combobox(提交值) textField：基础数据的字段名称绑定的Combobox（显示值） mode:定义当文本改变时如何加载列表数据，当设置为remote模式下，什
easyUi的combobox属性 loadData，数据乱窜的问题。
applesin猿的博客
02-05 861
easyUi的combobox属性 loadData，传递并修改数据，导致传递前后两次的数据完全相同（数据乱窜），其实就是变量的深拷贝和浅拷贝的问题，解决办法“...”展开符，再包装回去再传递。
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 data
最新发布
09-20
EasyUI Combobox是一款常用的前端组件，它提供了一种简单而强大的方式来选择或输入数据。要为Combobox提供数据，可以通过不同的方式进行设置。 1. 使用静态数据： 可以直接在代码中定义一个数组或对象来作为...
使用EasyUI combobox的loadData 加载数据
可控的事情要谨慎，不可控的事情要乐观。
09-18 7941
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使用总结
lkforce
01-30 3万+
一，combobox的属性，事件和方法 combobox可以配置属性，绑定事件监听，调用方法，理解这几个概念之后会对combobox有更清晰的了解。 1，配置属性 combobox可以配置自己的属性，他的属性可以定义在&lt;input&gt;或&lt;select&gt;标签的data-options参数中，比如： &lt;select id="type" name="type" cl...
easyui combobox <select> 清空之后保存
wuhc_javaweb的博客
01-11 907
一、首先要知道combobox的一些方法和其他相关的东西 Combobox用法和方法参数: 1、 需要引入class=" easyui-combobox” 2、 参数设置需要在data-options中设置 3、 属性参数配置： valueField：基础数据值名称绑定到Combobox(提交值) textField：基础数据的字段名称绑定的Combobox（显
easyUI combobox 从后台取数据显示（明确前后的需求）
兔的骄傲
07-30 1493
在解决这个问题之前，我们需要先明确两个问题？ 1.首先明确，定义在data-options（combobox中属性）中我们的"textFiled"和"valueFiled"需要从后台得到什么样的值？ 2.在明确得到什么样的值之后，我们需要去通过怎么样的方式去得到前端需要的值？ 在明确这两点之后，我现在来分享一下自己的方式： 1.它要得到的是键值对形式json格式的值：[{"catName"...
EasyUI combobox 加载JSON数据
weixin_30696427的博客
09-23 263
Action返回 JSON 格式如下： jsonResult = { total=7,rows=[ {TEXT=技术支持, ID=402894ca4419acf1014419b148a10000}, {TEXT=开发部, ID=402894ca4419acf1014419beb1bc0001}, {TEXT=实施, ID=4028e439476b...
Easyui combobox 的url、data-options属性 动态、即时地获取数据（两种方式）
可控的事情要谨慎，不可控的事情要乐观。
09-21 6331
一、效果展示： 下面输入供应商名称： 二、代码实现： 1.第一种方式：直接在标签的data-options属性里面写上Url: <td>供应商：<input class="easyui-combobox" id="supplierId" name="supplier.id" style="width: 200px" required="true" data-options="...
EasyUI的combobox使用
allWords的博客
07-09 454
截图如下：    代码如下：   这段代码是添加和修改用的，用input是为了能用验证  
easyui combobox支持动态加载数据
u012339069的博客
11-30 1673
easyui combobox 支持动态加载数据，根据输入内容，实时获取数据，而无需提前加载全部数据。
easy-ui之 combobox详解
超级婷
08-11 835
easy-ui之 combobox详解 $('#'+ $prv).combobox({ url: G_CTX_PATH + '/ccos/area/queryDistrictByPage.do', mode: 'remote', // 远程搜索 onBeforeLoad: function(param){ // 带参数查询, 没有可以不写 param.q = sendProvince; param.levelType
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值