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

栏目:s-hr cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-16浏览:1

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

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

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

image.webp





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


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

结果如图:

image.webp


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

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

结果如图:

image.webp

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


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

image.webp

结果如图:

image.webp

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


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

结果如图:

image.webp


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");

结果如图:

image.webp


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

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

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

结果如图:

image.webp




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

在操作s-HR前端列表时候需要获取列表的数据,列表数据通过getListData方法请求后端返回,返回后获取方式如下:首先确认表格id,如下图,通...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息