jQuery EasyUI combobox多选和赋值

定义select

1 <select id="ID" name=empVO.acunid class="easyui-combobox" required="required"
2        style="width: 155px;"
3        data-options=" multiple:true" > -- 多选

生成combobox获取数据

1 $('#ID').combobox({
2             url:'**',
3             valueField:'id',   　　--传入后台的值（一般为代码）
4             textField:'text',　　　--前台展示的值（一般为中文）
5             editable : true,
6             multiple:true,        --多选
7             panelHeight:'auto',
8             //value:'5'
9         });

  添加页面效果图：

     

 

　　添加时多选，如果后台不做处理，直接以字符串的形式存入数据库一个字段中，valueField:'id'值用逗号拼接的，但是逗号后面有个空格！

修改获取到数据库相应字段的值，传入前台处理方式：

　　var acunID =str.replace(/\s/ig,'');   ---str为后台传入前端需要的相应字段，改方法去除所有空格
　　$('#ID').combobox('setValues',acunID.split(",")); --setValues 多选赋值

修改页面效果图

 

 

posted @ 2016-09-21 09:15  鬼球_Li  阅读(843)  评论(0)  编辑  收藏  举报