jqgrid根据数据分组情况选定checkbox
来源:互联网 发布:淘宝卖家开通订单险 编辑:程序博客网 时间:2024/06/04 17:54
jqgrid加载了一组数据,对这组数据根据其enable和disable属性进行分组,并且其enable和disable是可以edit的。为了edit这个属性,我们选用checkbox的状态代表其属性状态。checkbox选中代表enable,checkbox没有选中代表disable。
为了在页面显示checkbox,我们在colModel中应用其option formatter来实现:
{..., formatter: function (cellValue, option) {return '<input type="checkbox" id="checkbox_' + option.rowId + '" checked/>'}},
这时页面中所有checkbox都是选中的,为了取消对disable属性数据的checkbox的checked属性,我们需要选出哪些数据具有disable属性。可以用两个全局数组来记录所有数据的rowid和disable(或enable)属性,例如 var isNotEnabledArray = new Array(); var rowIdArray = new Array(); 在formatter时对其进行初始化,如下
formatter: function (cellValue, option) {
isNotEnabledArray.push(cellValue);
rowIdArray.push(option.rowId);
return '<input type="checkbox" id="checkbox_' + option.rowId + '" checked/>'
}
然后在事件时remove掉disable数据的checkbox的checked属性,代码如下:
gridComplete: function() {
var arrayLength = 0;
var len = rowIdArray.length == isNotEnabledArray.length ? 0:(rowIdArray.length < isNotEnabledArray.length ? 1:2);
switch(len) {
case 0:
arrayLength = rowIdArray.length;
break;
case 1:
arrayLength = rowIdArray.length;
break;
case 2:
arrayLength = isNotEnabledArray.length;
break;
default:
break;
}
for(var i=0; i<arrayLength; i++) {
if(isNotEnabledArray[i] != "checked")
$("#checkbox_"+rowIdArray[i]).removeAttr("checked");
}
},
- jqgrid根据数据分组情况选定checkbox
- 根据datagrid中checkbox的选中情况将数据添加到collection中
- checkbox 取选定值
- 使用JqGrid列表数据分组显示问题的解决方法
- 根据数据决定选择那个checkbox
- Extjs grid checkbox 根据数据初始化选中
- 点击整行选定checkbox
- jqgrid自定义checkbox
- JS实现根据一个CheckBox的情况动态选中所有的CheckBox
- Jqgrid入门-Jqgrid分组的实现(八)
- 关于jqGrid中的分组功能
- 分组grid插件jqgrid研究
- Jqgrid中 checkBox的用法
- ireport根据分组分页时,最后一页没有数据
- 根据记录分组、将数据动态纵向显示
- mysql 根据groupby 显示所有分组下的数据
- 用jq将html元素根据属性中的数据分组
- select、checkbox自动选定给定的选项
- JavaScript多选框checkbox传递
- 运行地址和加载地址
- android 应用升级 下载安装包 完成后 自动安装apk文件
- 第八周任务(二)
- 高效的字符串倒置
- jqgrid根据数据分组情况选定checkbox
- jbpm4.4 简单请假流程
- 技术债务资料
- 自学vc6.0个人总结(LESSON1)
- 第八周任务(三)
- 业界公司内部技术blog
- jqeury练习手写从最简单的开始
- 多做,也要多说
- 软件度量资料