guiqiu-Li

定义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 多选赋值

修改页面效果图

 

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-02
  • 2021-11-08
  • 2022-12-23
  • 2022-12-23
  • 2021-12-16
  • 2022-12-23
猜你喜欢
  • 2021-09-25
  • 2022-01-06
  • 2022-12-23
  • 2021-07-14
  • 2022-12-23
  • 2021-08-09
相关资源
相似解决方案