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

来源:互联网 发布:南京大学 人工智能 编辑:程序博客网 时间:2024/05/19 18:43

一、关键点

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

$("#jqgridTable2").setColProp("qtype",{editable:true});$("#jqgridTable2").editRow(id,true);
其中qtype是列名,id是行id值。

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

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

按钮所在地:

gridComplete: function(){   var ids = $("#jqgridTable2").jqGrid('getDataIDs');    for(var i=0;i < ids.length;i++){   var id = ids[i];    var button = "<input type='button' value='修改' onclick=\"updateRow('"+id+"',this);\" />";    $("#jqgridTable2").jqGrid('setRowData',id,{operation:button});   }    }


0 0