在使用Layui框架的表格组件时,获取当前页的信息可以通过以下几种方式:
获取当前页码值:
$(".layui-laypage-skip").find("input").val() // 获取当前页码值
这段代码可以通过Layui的分页组件元素选择器来获取当前页的页码值。
获取当前页的数据条数:
$(".layui-laypage-limits").find("option:selected").val() // 获取分页数目
这段代码可以获取当前页的数据条数,也就是每页显示多少条数据。
使用Layui的API获取当前页的数据:
var data = table.cache['yourTableId']; // 获取当前页的数据
其中yourTableId
是表格渲染时定义的ID。通过table.cache
对象,可以获取到当前页的数据,这个对象包含了接口返回的原始数据和组件内部的特定字段。
如果需要在表格重载之后获取当前页的页码,可以将获取页码的代码放在表格重载的回调函数中:
table.on('tool(layuiTable)', function(obj){
var data = obj.data;
if(obj.event === 'edit'){
console.log(table.config.page.pages);
} else if(obj.event === 'del'){
// 代码
}
});
这段代码监听了表格的工具条事件,并在事件触发时获取当前页的页码。
另外,也可以通过Layui表格的getData
方法来获取当前页的数据:
var data = table.getData('yourTableId'); // 获取当前页接口数据
这个方法会返回当前页的接口数据,不包含组件内部的特定字段。
请根据你的具体需求选择合适的方法来获取当前页的信息。