使用JQuery ligerui columns 展示表格,如何获取未展示的变量值

在使用JQuery ligerUI 将后台传来的List<Map<String,Object>>以表格形式展示出来时,

在JS中这样实现:

var columns = [];
columns.push({display: '企业名称', name: 'entName', sortable: false, align: 'center'});
columns.push({display: '企业简称', name: 'shortName', sortable: false, align: 'center'});
columns.push({display: '联系人', name: 'linkman', sortable: false, align: 'center'});
var options = {
columns: columns,
heightDiff: -3,
showCheckbox: false,
root: "result",
record: "total",
pageParmName: 'page', //页索引参数名,(提交给服务器)
pagesizeParmName: 'pageSize', //分页大小
rowHeight: 34,
headerRowHeight: 34,
pagerRender: null,
url: that.searchUrl,
showTitle: false,
pageSizeOptions: [10, 15, 20, 25, 30],
pageSize: 15,
rownumbers: false,
fixedCellHeight: false,//行高自适应,
delayLoad: true,
height: h,
onSuccess: function (data) {

},
onError: function (e) {

},
onAfterShowData: function (data) {
.............
}
that.grid = $("#grid-main").ligerGrid(options);
that.gridMgr = $("#grid-main").ligerGetGridManager();
that.options = options;

this.doSearch = function () {
var gridManager = that.gridMgr;
var params = that.doSearchData();
gridManager.options.parms = params;
gridManager.options.newPage = 1; //页数设置为1,解决翻页后查询不显示第1页的问题
gridManager.reload();
};

现在比如我们要在onAferShowData中做一些操作,比如在表单内容显示后,点击触发某个时间,需要拿到一个变量值,
表单展示了三个变量:企业名称,企业简称,联系人。但其实后台传来的数据result当中有第四个变量:id,而这个id根据业务需求不能显示给用户,

但现在我们还想获取到这个值,就用以下操作:

$("#grid-main a[action='operate']").on("click", function (e) {
var datas = {};
var tr = $(this).parents(".l-grid-row")[0];
var rowid = $(tr).attr("id");
var rowids = rowid.split("|");
var rowData = that.gridMgr.getRow(rowids[rowids.length - 1]);

在这里通过点击operate这个动作,想要获取operate所在这一行的id值,通过以上代码获取,rowData中就包括了后台返回的一组完整数据。

猜你喜欢

转载自www.cnblogs.com/Steward-Sun/p/9570383.html