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

Ecyun.com

一、关键点

1、点击修改按钮时，设置列qtype的editable属性值为true，表示此字段可编辑；然后设置id对应的行进入编辑状态，此时该行中所有的可编辑列都将进入编辑状态。

1. $("#jqgridTable2").setColProp("qtype",{editable:true});
   
2. $("#jqgridTable2").editRow(id,true);
   

复制代码

其中qtype是列名，id是行id值。

2、编辑完数据点击保存按钮进行保存时，重新设置该列（qtype）的editable属性值为true，表示此字段不可编辑。保存数据到数据库然后重新加载一次表格。

1. $("#jqgridTable2").setColProp("qtype",{editable:false});
   
2. 
   
3. //这里省略编辑完后进行的数据保存操作
   
4. 
   
5. //重新加载表格
   
6. $("#jqgridTable2").jqGrid().trigger("reloadGrid");       

复制代码

按钮所在地：

1. gridComplete: function(){
   
2.                                                                            var ids = $("#jqgridTable2").jqGrid('getDataIDs');
   
3.                                                                            for(var i=0;i < ids.length;i++){
   
4.                                                                                    var id = ids[i];
   
5.                                                                                    var button = "<input type='button' value='修改' οnclick="updateRow('"+id+"',this);" />";
   
6.                                                                                    $("#jqgridTable2").jqGrid('setRowData',id,{operation:button});
   
7.                                                                            }
   
8.                                                                    }
   

复制代码

原文地址：https://blog.csdn.net/zhengxiang ... tionNum=5&fps=1