jqgrid常用操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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");

 

以上是关于jqgrid常用操作的主要内容,如果未能解决你的问题,请参考以下文章

jqGrid filterToolbar():无法读取未定义的属性“length”

jqGrid使用记录总结

提效小技巧——记录那些不常用的代码片段

html jqGrid的常用方法

jqgrid有搜索的方法吗?

jqgrid怎么实现增删改查