天天看点

EasyUI combobox

设置Combobox默认选中项

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

当文本框和combobox设置同样的宽度的时候,代码视图展示如图,都设置为148px宽度

EasyUI combobox

预览后的效果如下:

EasyUI combobox

同样宽度情况下,combobox设置的宽度 多加6px 才可以和文本框显示一样的长度

EasyUI combobox

=========================================================

 通过ajax后台获取json数据 初始化combobox

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

设置combobox选中项:$('#selectCategory').combobox('setValue', "123");

 禁制用户输入属性:editable:false

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

 combobox默认选中项=====================================================

 ajax获取后台的JSON数据,在第一个节点的属性上添加 selected:true 这个属性 即可让这个节点默认为选中的,但是这样我们后台获取的数据不大好处理,我一般都是一个datatable或者List 用json.net直接转换为json了。

 就是在combobox的加载完毕事件里获取当前的combobox数据,设置第一个节点为选中项

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

 另外一种较为简单点的写法

EasyUI combobox
EasyUI combobox

==========================================================================================================

EasyUI combobox

选中多个值

EasyUI combobox
EasyUI combobox
EasyUI combobox
EasyUI combobox

 获取选中的多个值。将获取到的值通过ajax传入到后台的时候,取出来的数据例如是:"31,32,33,34" 需要对该字符串编码 encodeURI() 后台通过 UrlDecode解码即可,否则后台获取到的是空值

 设置多个选中值

 例如我从后台的数据库里取出来了数据前台的赋值方法。数据内的数据的存储如下图,

EasyUI combobox

31,32,33,34这样存储选中的多个值

前台的赋值方法是

EasyUI combobox
EasyUI combobox

本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/4814161.html,如需转载请自行联系原作者