Jqgrid常用方法集合：获取行列、修改行列数据、更改底色、增加数据等（备查使用）

// id 表示table的id
// rowid 表示grid中的行id
// row 表示一个行数据对象
// colname 表示一个列名
// colvalue 表示某行的某一列的值

获取当前grid中所有的行id

$("#id").jqGrid('getDataIDs');

获取选中的单行id

$('#id').jqGrid('getGridParam','selrow');

获取选中的多行id

$('#id').jqGrid('getGridParam', 'selarrrow');

设置选中行

$('#id').jqGrid('setSelection', rowid);

获取行数据

$('#id').jqGrid('getRowData', rowid);

获取列数据

$('#id').jqGrid('getRowData', rowid).colName;

新增行数据

$('#id').jqGrid('addRowData', rowid, row);

修改行数据

$('#id').jqGrid("setRowData", rowid, row);

删除行数据

$('#id').jqGrid("delRowData", rowid);

修改列数据

$('#id').jqGrid("setCell", rowid, colname, colvalue);

显示某列

$("#id").jqGrid('showCol', colname);

隐藏某列

$("#id").jqGrid('hideCol', colname);

重新加载grid

// 方法一，向服务器发送请求
$('#id').trigger('reloadGrid');
// 方法二，不发送请求
$("#id").get(0).resizeGrid();

更改grid

// options为准备修改的grid参数
// 具体参数可参考官方文档，此处只做简单demo
const options = {};
options.url = 'www.xxx.com';
options.sortname = colname;
options.sortorder = 'asc';
$("#id").jqGrid('setGridParam', options).trigger("reloadGrid");

html表格转grid

// 这个方法虽然可以直接转换，但是根据我的使用经验转完之后并不怎么好看
// 可以用前面说的其他方法，保存所有数据，对grid进行二次加工，然后遍历添加进grid
tableToGrid("#id");

修改某一行背景色

// 背景色修改后，如果grid发生了reload，就会失效
// 此处使用ES5及以上具有的模板字符串：const value = 'b'; `a${value}cd` === 'a'+value+'cd';
// 方法一
$(`#id #${rowid} td`).css('background-color',color);
// 方法二
<style>
    .background{
        
    }
</style>
$(`#id #${rowid} td`).addClass('background')