版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
行编辑时特定单元格编辑
设置列qtype的editable属性值为true,表示此字段可编辑;然后设置id对应的行进入编辑状态,此时该行中所有的可编辑列都将进入编辑状态。
$("#jqgridTable").setColProp("qtype",{editable:true});
$("#jqgridTable").editRow(id,true);
行编辑时特定单元格不可编辑
$("#jqgridTable").setColProp("qtype",{editable:false});
$("#jqgridTable").editRow(id,true);
编辑完数据点击保存按钮进行保存时,重新设置该列(qtype)的editable属性值为true,表示此字段不可编辑。保存数据到数据库然后重新加载一次表格。
$("#jqgridTable2").setColProp("qtype",{editable:false});
//这里省略编辑完后进行的数据保存操作
//重新加载表格
$("#jqgridTable2").jqGrid().trigger("reloadGrid");
单元格编辑时指定单元格不可编辑
根据选定的值,动态设置单元格不可编辑 not-editable-cell 这个属性就是单元格不可编辑,就算是在单元格设置了editable:true,也是不可编辑的
$("#jqgridTable2").jqGrid('setCell', rowid, colname,data, 'not-editable-cell');
单元格编辑时指定单元格取消不可编辑
让单元格再次编辑, 就是要取消刚才给单元格设置的not-editable-cell属性
使用刚才初始化给单元格添加的样式,通过jquery 删除属性,单元格就可以再次编辑了
$(".review-"+rowid).removeClass('not-editable-cell');
或者
//当是编辑的列,加上editable-cell 样式,就可以编辑了
$("#gridRakuData").jqGrid('setCell', rowid, iCol, '', 'edit-cell');