jQuery EasyUI combobox多选和赋值

时间:2023-03-10 05:56:26
jQuery EasyUI combobox多选和赋值

定义select

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

生成combobox获取数据

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

添加页面效果图:

jQuery EasyUI combobox多选和赋值

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

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

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

修改页面效果图

jQuery EasyUI combobox多选和赋值