EasyUI combobox默认选中,value为空问题
2016-12-08 11:49
961 查看
首先描述一下场景
现实开发中,我们可能会遇到多个页面需要同样的下拉框(比如枚举类型的状态)。而下拉框的值随时有变动的可能性。
如果按部就班的书写Select->option,遇到变动时,势必会修改很多地方。还会有改错的风险。
EasyUI combobox 本身提供读取json数据显示的功能。json数据可以来源于后端、也可来源于js文件中。
本文只讲述读取js文件中的json数据,读取后台json数据类似,不做过多介绍
首先页面加入标签
<input class="easyui-combobox" name="type"
url="/resources/type.json"
valueField="id" textField="text" />
其中url指定为本地的一个type.json文件,其他属性详见easyui 文档,json内容:
[
{"id":0,"text":"Java"},
{"id":1,"text":"C#},
{"id":2,"text":"C++"}
]
试运行之后,一切正常。下拉框默认选中第一行
但是在使用过程中,遇到了这样的问题,如果下拉框不操作,使用默认值。下拉框的值为空
F12调试也可以看到,value确实为空。网上推荐使用js再加载完成后操作一下选中问题。这样白白增加了代码工作。
解决方案:
json数据中加入默认选中属性!
即:
[
{"id":0,"text":"Java","selected":"true"},
{"id":1,"text":"C#},
{"id":2,"text":"C++"}
]
再次运行:
问题解决!
leave_ali@aliyun.com 欢迎多多交流
现实开发中,我们可能会遇到多个页面需要同样的下拉框(比如枚举类型的状态)。而下拉框的值随时有变动的可能性。
如果按部就班的书写Select->option,遇到变动时,势必会修改很多地方。还会有改错的风险。
EasyUI combobox 本身提供读取json数据显示的功能。json数据可以来源于后端、也可来源于js文件中。
本文只讲述读取js文件中的json数据,读取后台json数据类似,不做过多介绍
首先页面加入标签
<input class="easyui-combobox" name="type"
url="/resources/type.json"
valueField="id" textField="text" />
其中url指定为本地的一个type.json文件,其他属性详见easyui 文档,json内容:
[
{"id":0,"text":"Java"},
{"id":1,"text":"C#},
{"id":2,"text":"C++"}
]
试运行之后,一切正常。下拉框默认选中第一行
但是在使用过程中,遇到了这样的问题,如果下拉框不操作,使用默认值。下拉框的值为空
F12调试也可以看到,value确实为空。网上推荐使用js再加载完成后操作一下选中问题。这样白白增加了代码工作。
解决方案:
json数据中加入默认选中属性!
即:
[
{"id":0,"text":"Java","selected":"true"},
{"id":1,"text":"C#},
{"id":2,"text":"C++"}
]
再次运行:
问题解决!
leave_ali@aliyun.com 欢迎多多交流
相关文章推荐
- 解决:easyui中的datagrid详情展开,combobox的级联操作,以及修复combobox总是显示value值的问题
- Easyui combobox如何默认选中第一项???
- 解决easyui combobox不能默认选中
- easyui combobox 下拉框自动获取 每次添加全部选项 默认选中第一行
- easyui combobox 默认选中第一项
- LigerUI下拉选择列表LigerComboBox中tree的节点初始化默认选中的问题
- easyui combobox默认选中第一条数据 和 多级联动
- jquery easyui关于datagrid新增一行 combobox 默认选中第一项问题
- EasyUI combobox 默认选中第一个
- easyui combobox默认选中第一个
- easyui combobox默认选中项
- 004--easyui的combobox设置下拉框默认选中某一项
- easyui中combotree默认选中某个节点的问题
- easyui combobox默认选中第一个
- easyui combobox 赋值,取值,默认选中。
- EasyUI 系列之 combobox 默认选中第一个 添加请选择选项
- easyui combobox默认选中项
- easyui combobox 加载数据默认选中
- Extjs中的ComboBox在加载时默认选中值的问题的解决办法。