在使用jqGrid插件时,有时我们需要动态改变列的属性,可使用setColProp方法,用法如下
jQuery(”#grid_id”).setColProp('colname',{editoptions:{value:“True:False”}});
这里举个详细的例子。
使用Form Editing(弹出一个新的编辑窗口进行编辑和新增)的方式来修改内容时,根据行id的内容来决定该行是否可编辑,如果id号以字符“p"打头,则该行的groupname可编辑,否则就不可编辑。代码如下
--------------------------------------------------------------------------------------
//修改通讯录,如果是固定人员,即id不以p开头,则不允许编辑分组groupname
function edit(){
var gr = jQuery("#gridTable").jqGrid('getGridParam','selrow');
var rowdata=$("#gridTable").jqGrid().getRowData(gr);
var options={width:350,top:300,left:600,reloadAfterSubmit:true,closeAfterEdit:true,
};
if( rowdata != null ){
if(rowdata.id.indexOf("p") == 0){
$("#gridTable").jqGrid('editGridRow',gr,options);
}else{
$("#gridTable").setColProp('groupname',{editable:{value:"True:False"}});//设置editable属性由true改为false
$("#gridTable").jqGrid('editGridRow',gr,options);
}
}else alert("请选择要编辑的行");
};
---------------------------------------------------------------------------------------