在easyui-combobox多选模式下加入选择所有选项
来源:互联网 发布:37轩辕剑四极进阶数据 编辑:程序博客网 时间:2024/06/05 00:14
easyui-combobox将multiple属性设置为true时就能实现多选模式,但当选项比较多时,要想选择全部必须一个一个点比较麻烦,而我又是一个比较懒的人,所以我写了如下代码:
HTML:
<select id='test'></select>
JS:
$(function(){ var data = [{value:9,text:"addf"},{value:5,text:"sdfsdf"}, {value:3,text:"hjhfjhj"},{value:4,text:"fghgfh"}];//这些数据应该从服务器那获取 var data1 = [{value:"",text:"所有"}].concat(data);//将‘所有’设置为第一个选项 var dataStr = [], dataStr1 = []; for(var i = 0;i<data1.length;i++){ if(i != 0){ dataStr.push(data1[i].value); } dataStr1.push(data1[i].value); } dataStr.sort();//将值由小到大排序 dataStr1.sort(); var $test = $("#test"); $test.combobox({ data : data1, multiple : true, onSelect : function(r){ if(r.value == ""){//当选的是‘所有’这个选项 $test.combobox("setValues",dataStr1).combobox("setText",'所有'); }else{ var valArr = $test.combobox("getValues"); valArr.sort();//将值由小到大排序 以保持一致 if(valArr.join(',') == dataStr.join(',') || valArr.join(',') == dataStr1.join(',')){ $test.combobox("setValues",dataStr1).combobox("setText",'所有'); } } }, onUnselect : function(r){ if(r.value == ''){//当取消选择的是‘所有’这个选项 $test.combobox("setValues",[]).combobox("setText",''); }else{ var valArr = $test.combobox("getValues"); if(valArr[0] == ""){ valArr.shift(); $test.combobox("setValues",valArr); } } } });});
当获取了选择的项的值后,在发送给服务器前,别忘了做如下处理:
var toServerData = $("#test").combobox("getValues").join(",").replace(/^,/,"");//将第一个逗号去掉
- 在easyui-combobox多选模式下加入选择所有选项
- easyui-combobox 动态添加选项
- easyui-combobox下拉多选
- EasyUI 系列之 combobox 默认选中第一个 添加请选择选项
- easyui combobox 复选框选择
- easyui combobox 请选择 全部
- 为easyui combobox添加默认选项
- 为easyui combobox设置默认选项
- easyui-combobox 动态添加选项option
- easyui combobox添加清除选项按钮
- easyui select combobox 获取下拉选项值
- easyui的combobox根据拼音搜索选项
- easyui combobox可编辑的情况下,只能首字母开始过滤的问题选项
- 在DataGridView中加入combobox
- easyui combobox 多选怎么获值?
- jQuery easyUI combobox多选处理
- jQuery EasyUI combobox多选及赋值
- easyui-combobox多选下拉框
- 19 Tools to Test your Site for Mobile Devices
- [选拔赛]Strings of Power
- Linux内核模块基础
- gedit打开txt乱码
- ALV如何取数实例
- 在easyui-combobox多选模式下加入选择所有选项
- 每日学习心得:找不到类型{0},它在 ServiceHost 指令中提供为 Service 特性值,或在配置元素...中提供,cellspacing、rowspacing属性
- IAAS云计算产品畅想-云主机产品内涵
- (Activity) has leaked window that was originally added
- [选拔赛]蜗牛!快爬!
- overfitting(过度拟合)的概念
- 我所理解的设计模式(C++实现)——解释器模式(Interpreter Pattern)
- 十进制与二进制 十六进制之间转换
- 生成随机数