jqgrid常用操作

Posted 2020-06-11

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");