jqGrid常用命令

2022/9/16 jqGrid

# API

# 刷新表格

# 重新请求,并添加请求参数/直接调用原接口刷新表格

$("#grid-table").jqGrid('clearGridData');
    $("#grid-table").jqGrid('setGridParam', {
      datatype: 'json',
      postData: { orgId:treeNode.id},//携带的请求参数
    }).trigger('reloadGrid');
1
2
3
4
5

# 传入新的数组作为表格数据

$("#grid-table").jqGrid('clearGridData');
    $("#grid-table").jqGrid('setGridParam', {
      datatype: 'local',
      data: [],//需要展示的参数
    }).trigger('reloadGrid');
1
2
3
4
5

# 从表格中获取数据

jqGrid中参数:option:selrow,selarrrow定义

参数 定义
selrow his option is read only. Contain the id of the last selected row. If you sort or apply a pagging this options is set to null【这个参数是只读的,获取最后选中行的id,如果你排序或分页,这个参数设置为null,默认是null,并且不可更改】
selarrrow This options is read only. Determines the currently selected rows when multiselect is set to true. This is one dimensional array and the values in the array correspond to the selected id's in the grid.【参数是只读的,当multiselect设置为true时,使用这个参数来获取目前选中行,她是数组形式,数组中的值就是表格中被选中id集合】
 //获取多选的ids 数组
 var ids = $("#grid-table").jqGrid('getGridParam', 'selarrrow');
 //获取单选的id
 var row = $("#grid-table").jqGrid('getGridParam', 'selrow');
// 获取整行数据
 var rowData = $('#grid-table').jqGrid('getRowFullData', id);
 //获取整行数据
 var rowData = $('#grid-table').jqGrid('getRowData', row);
1
2
3
4
5
6
7
8

# 操作表格

# 添加行

一行

let rowId = uuidGenerator();
var data = {
    id: rowId,
    name:'red',
    age:'12'
}
$("#grid-table1").jqGrid('addRowData',rowId, data, 'last'); 
1
2
3
4
5
6
7

多行

let uuid = uuid()
var data = [{ id: 1,name:'red', age:'12'},{ id: 2,name:'red', age:'13'}]
$("#grid-table1").jqGrid('addRowData',uuid, data,); 
1
2
3
最后更新时间: 2023/1/12 15:59:09