jqgrid动态设置某个单元格进入编辑状态/不可编辑

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_33871182/article/details/102744661

行编辑时特定单元格编辑

设置列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');