jqgrid常用操作
1.jqgrid控件列在需要的地方加上edittable=true <asp:JQGrid runat="server" ID="jq1" AutoWidth="true" Height="400" DataUrl="/ccr/CcrCompanyPromoterManage.aspx?_method=search" ShowPage="false"> <columns> <asp:JQGridColumn DataField="Id" PrimaryKey="true" Visible="false" Editable="false" Frozen="true"></asp:JQGridColumn> <asp:JQGridColumn DataField="Name" Visible="true" HeaderText="出资人姓名" Editable="true"> </asp:JQGridColumn> <asp:JQGridColumn DataField="FundamentalId" Visible="false" HeaderText="公司ID"></asp:JQGridColumn> </columns> <clientsideevents loadcomplete="JDataGrid.loadComplete" rowdoubleclick="JDataGrid.rowDoubleClick" /> </asp:JQGrid> 2.jqgrid增加一行数据 var newrowid = 100; var xid = 100; function addRow() { var obj = new Object(); obj.Id = xid; xid += 1; var ids = jQuery("#jq1").jqGrid('getDataIDs'); var rowid = xid;// Math.max.apply(Math, ids); //获得新添加行的行号(数据编号) newrowid = rowid + 1; $("#jq1").jqGrid("addRowData", newrowid, obj); editRow(newrowid); $(".aa input").click(function () { WdatePicker(); }) } 3.jqgrid获得所有的id放到变量ids中 var ids = jQuery("#jq1").jqGrid('getDataIDs'); 4.jqgrid设置某行被选中 rowid就是主键id $("#jq1").jqGrid('setSelection', newrowid); 5. jqgrid获取选中行的id var rowid = $("#jq1").jqGrid('getGridParam', 'selrow'); 6.根据选中行的id获取对象 7.保存行,关闭editrow jQuery("#jq1").jqGrid('saveRow', ids[i]); 8.获取所有的行对象并序列化 $("#chuzi_save").on("click", function () { var ids = jQuery("#jq1").jqGrid('getDataIDs'); for (var i = 0; i < ids.length; i++) { jQuery("#jq1").jqGrid('saveRow', ids[i]); } var obj = $("#jq1").jqGrid("getRowData"); var s = JSON.stringify(obj); $.post("CcrCompanyFundamentalEdit.aspx", { data: s, _method: "saveDetail", funmentalId: $("#txt_Id_").val() }, function (data) { data = JSON.parse(data); $.messager.alert("提示", data.message); }) }); 9.获得colname和colmodel var array2 = $("#jq").jqGrid("getGridParam", "colNames"); var colModel2 = $("#jq").jqGrid("getGridParam", "colModel"); 10.获取所有选中行对象 var selr = jq.jqGrid('getGridParam', 'selarrrow'); var obj = jq.jqGrid('getRowData', selr[i]); 11.获取某一行 var rowid = jq.jqGrid('getGridParam', 'selrow'); if (rowid != null) { var obj = jq.jqGrid('getRowData', rowid); return obj; } 12.jqgrid刷新 $("#" + griId).jqGrid("setGridParam", { postData: queryParams, page: 1 }).trigger("reloadGrid");