jqGrid学习-工作中所遇到的知识点
2019-09-30 本文已影响0人
Z丿Sir
1. 往grid中添加数据
$("#orgGridId").jqGrid('addRowData',mydata[i].id,mydata[i]);
mydata[i].id:添加这列的主键id
mydata[i]:json格式的数据,
例{id:"e",name:"2007-09- 01",phone:"test3",parseMobile:"note3",orgName:"400.00"}
2. 更新数据
$("#orgGrid").jqGrid('setRowData',mydata[i].id,{
name:"2008-10-01",
phone:"test",
parseMobile:"note",
orgName:"200.00"
});
mydata[i].id:需要修改列的主键id
3. 删除数据
$("#orgGrid").jqGrid('delRowData',id);
id:列主键
4. 根据id拿该列的所有Data
$("#orgGrid").jqGrid('getRowData',id));
id:列主键,如果拿不到返回{},拿到了返回一个Object
5.获取当前行的某一个字段的值
$("#grid-table").jqGrid('getCell', id, 'positionNo')
6.设置setGridParam,类似于ajax请求接口
jsonReader的属性
total总页数
page当前页
records查询出的记录数
rows 包含实际数据的数组
id 行id
cell 当前行的所有单元格
$("#search_btn").click(function(){
//此处可以添加对查询数据的合法验证
var orderId = $("#orderId").val();
$("#list4").jqGrid('setGridParam',{
datatype:'json',
postData:{'orderId':orderId}, //发送数据
page:1
}).trigger("reloadGrid"); //重新载入
});
① setGridParam用于设置jqGrid的options选项。返回jqGrid对象
② datatype为指定发送数据的格式;
③ postData为发送请求的数据,以key:value的形式发送,多个参数可以以逗号”,”间隔;
④ page为指定查询结果跳转到第一页;
⑤ trigger(“reloadGrid”);为重新载入jqGrid表格。
7、显示隐藏表格中的某一项的写法
$("#grid-table")
.setGridParam()
.hideCol(["lotNumber", "positionname", "parea", "status"])
.showCol(['profitLossNumber'])
.trigger("reloadGrid");
8、循环给每个表格中某个字段赋值
$("#grid-table tr[id]").each(function (i, v) {
var id = $(v).attr("id"); //获取每一行的id
var vipPRice = $("#grid-table").jqGrid('getCell', id, 'productMemberPrice'); // 根据id获取某一行的字段
$(v).find('td[aria-describedby=grid-table_productVIPPrice]').text(vipPRice); // 给某一行的字段赋值
});