jqgrid根据数据分组情况选定checkbox

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");
}
},



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值