s-HR前端列表数据获取常用方法

在操作s-HR前端列表时候需要获取列表的数据，列表数据通过getListData方法请求后端返回，返回后获取方式如下：

首先确认表格id，如下图，通过F12打开页面元素，可以查看到<table>标签，id="grid"，即我们要找的目标，这个方法对多个列表有用，如果是一个表格，基本默认就是grid，如果是集成的list.js,可以通过this.gridId直接获取

1、获取全量返回的原始数据方法，

$("#grid").jqGrid("getAllOriginalData");
$(this.gridId).jqGrid("getAllOriginalData");//继承list.js

结果如图：

2、获取全量返回数据，已经经过表格处理

$('#grid').jqGrid('getRowData'); 
$(this.gridId).jqGrid("getRowData");//继承list.js

结果如图：

3、获取一行原始数据方法，

var id ="UDT4Q4CeTTWxC2ehg0gEGBRypnI=";
$("#grid").jqGrid("getOriginalRowData",id);
$(this.gridId).jqGrid("getOriginalRowData",id);//继承list.js
//其中Id为每行元素的RowID,如下图

结果如图：

4、获取一行处理后数据方法，id和第三步中id取法一致

$('#grid').jqGrid('getRowData',"UDT4Q4CeTTWxC2ehg0gEGBRypnI="); 
$(this.gridId).jqGrid('getRowData',"UDT4Q4CeTTWxC2ehg0gEGBRypnI="); //继承list.js

结果如图：

5、可以设置一行数据

$('#grid').jqGrid('setRowData',"fhIvRRbZSCKkz6h6Qz9D0ZNzh54=",row); 

6、获取所有的ID

$('#grid').wafGrid("getDataIDs");

7、设置表格参数属性

$("#grid").jqGrid("setGridParam", {rowNum: 200});

8、获取表格配置信息

$("#grid").jqGrid("getGridConfig")

$('#grid').jqGrid('getGridParam')；

9、详情可以参考grid.wafrow.js

10、获取选中行的ID

$('#grid').jqGrid("getSelectedRows");

结果如图：

11、获取选中的某个单元格数据，这个要结合10获取选中id来进行

$('#grid').jqGrid("getCell", 'UDT4Q4CeTTWxC2ehg0gEGBRypnI=', 'uipk');

第一个参数，是getCell，第二个参数是选中行的ID，第三个参数就是具体列，这个可以通过视图配置看到

结果如图：