天天看点

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

}

},

继续阅读