先定义tablename
var table_name = table.render({

});

然后用tablename来获取


var layui_page = table_name.config.page.pages;

如果点击下一页,表格重载之后需要获取,就把获取的代码放在那一步操作里就可以了,例如
	//监听工具条
	table.on('tool(layuiTable)', function(obj){
		var data = obj.data;
		if(obj.event === 'edit'){
			console.log(table_name.config.page.pages);
			window.location.href = "/index.php/admin/good/edit_good?id="+data.id;
		} else if(obj.event === 'del'){
			//代码
		}
	});

找了 很多 关于表格分页 点击事件 请求， table.render 并不支持监听点击事件,所以我就把 table.render 和 laypage.render结合在一起
(我也不想写分页的，但是后台讲数据多 ，要加分页，被逼无奈 ，想了一个方法)
先上图
代码
.html
.js
//页面第一次请求 默认 1页 10条
function dataLists(pageNum, numPerPage) {
$.post(Url + 'pipei_dj/pagelist', {
pageNum: pageNum, // 页码数
numPerPage: numPerPage // 每页条数
}, function (data) {
let datalist = JSON.parse(data)
dataList(datalist) // 数据传到 table组件
page(datalist)   // 数据传到 分页组件
})
}
dataLists(1, 10)
function page(data) {
laypage.render({
elem: 'page', //注意，这里的 page 是 ID，不用加 # 号
count: data.totalCount, //数据总数，从服务端得到
limit: data.numPerPage, // 每页条数
limits: [10, 20, 30, 40, 50],
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
jump: function (obj, first) {
//console.log(obj)
//obj包含了当前分页的所有参数，比如：
//console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
//console.log(obj.limit); //得到每页显示的条数
//首次不执行
if (!first) {
//do something
numpage(obj.curr, obj.limit) // 分页点击传参
}
}
});
}
// 从新写了 一个请求
function numpage(pageNum, numPerPage) {
$.post(Url + 'pipei_dj/pagelist', {
pageNum: pageNum,
numPerPage: numPerPage
}, function (data) {
let datalist = JSON.parse(data)
dataList(datalist) // 传到table组件
})
}
// 表格渲染
function dataList(data) {
table.render({
elem: '#test',
cols: [
[{
title: '序号',
type: "numbers"
}, {
field: 'id',
title: 'id',
hide: true
}, {
field: 'status',
title: '状态',
hide: true
}, {
field: 'danjia',
title: '单价(￥)'
}, {
field: 'createtime',
title: '创建时间'
}, {
field: 'status',
title: '状态',
toolbar: '#barstate'
}, {
title: '操作',
toolbar: '#barDemo'
}]
],
data: data.dataList, // 数据
limit: data.numPerPage, // 显示的条数
//page: true, // 开启分页
});
}
以上这篇layui 数据表格 点击分页按钮 监听事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

layui.table实现分页情况下全表排序
在项目中，使用layui.table实现数据显示，有排序的需求，但是发现layui.table自带的排序在分页的情况下，只能对当前分页进行排序，而不是全表排序……

那么如果能对表格排序按钮的点击事件进行监听大概就能实现了

事实上确实可以
// 监听排序事件
function setAreaDeviceOnSortListener () {
  layui.table.on('sort(area-device-table)', function(obj){
    var sorted_data = $cache.all_device_data
    if(obj.type==='desc'){
      // 先将数据排序
      quickSort(sorted_data,0,sorted_data.length-1,obj.field,true);
    }else if(obj.type==='asc'){
      // 先将数据排序
      quickSort(sorted_data,0,sorted_data.length-1,obj.field,!true);
    }else{

    }
    $cache.all_device_data = sorted_data;
    layui.table.reload('area-device-table', {
      data:sorted_data,
    });
  });   
}

quickSort()是已经写好的排序算法函数，参数obj.type可以判断排序类型，排序成功后重新加载数据，只要不重新初始化表格就不会影响分页的操作

找了 很多 关于表格分页 点击事件 请求， table.render 并不支持监听点击事件,所以我就把 table.render 和 laypage.render结合在一起
(我也不想写分页的，但是后台讲数据多 ，要加分页，被逼无奈 ，想了一个方法)
先上图
代码
.html
.js
//页面第一次请求 默认 1页 10条
function dataLists(pageNum, numPerPage) {
$.post(Url + 'pipei_dj/pagelist', {
pageNum: pageNum, // 页码数
numPerPage: numPerPage // 每页条数
}, function (data) {
let datalist = JSON.parse(data)
dataList(datalist) // 数据传到 table组件
page(datalist)   // 数据传到 分页组件
})
}
dataLists(1, 10)
function page(data) {
laypage.render({
elem: 'page', //注意，这里的 page 是 ID，不用加 # 号
count: data.totalCount, //数据总数，从服务端得到
limit: data.numPerPage, // 每页条数
limits: [10, 20, 30, 40, 50],
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
jump: function (obj, first) {
//console.log(obj)
//obj包含了当前分页的所有参数，比如：
//console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
//console.log(obj.limit); //得到每页显示的条数
//首次不执行
if (!first) {
//do something
numpage(obj.curr, obj.limit) // 分页点击传参
}
}
});
}
// 从新写了 一个请求
function numpage(pageNum, numPerPage) {
$.post(Url + 'pipei_dj/pagelist', {
pageNum: pageNum,
numPerPage: numPerPage
}, function (data) {
let datalist = JSON.parse(data)
dataList(datalist) // 传到table组件
})
}
// 表格渲染
function dataList(data) {
table.render({
elem: '#test',
cols: [
[{
title: '序号',
type: "numbers"
}, {
field: 'id',
title: 'id',
hide: true
}, {
field: 'status',
title: '状态',
hide: true
}, {
field: 'danjia',
title: '单价(￥)'
}, {
field: 'createtime',
title: '创建时间'
}, {
field: 'status',
title: '状态',
toolbar: '#barstate'
}, {
title: '操作',
toolbar: '#barDemo'
}]
],
data: data.dataList, // 数据
limit: data.numPerPage, // 显示的条数
//page: true, // 开启分页
});
}
以上这篇layui 数据表格 点击分页按钮 监听事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。