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



原创粉丝点击