layui分页如何接收对象
时间: 2023-12-21 09:51:51 浏览: 67
如果你的数据是一个对象数组,那么你可以使用 layui 分页组件的 data 参数传入对象数组,例如:
```javascript
layui.use(['laypage', 'layer'], function(){
var laypage = layui.laypage;
var layer = layui.layer;
// 模拟一个对象数组
var objArr = [
{name: '张三', age: 18},
{name: '李四', age: 20},
{name: '王五', age: 22},
{name: '赵六', age: 24},
{name: '钱七', age: 26},
];
// 执行分页
laypage.render({
elem: 'demo', // 分页容器的 ID
count: objArr.length, // 总页数
limit: 2, // 每页显示的数量
layout: ['prev', 'page', 'next', 'skip'], // 分页布局
jump: function(obj, first){
if(!first){
var currPageData = objArr.slice((obj.curr-1)*obj.limit, obj.curr*obj.limit);
// 在这里处理当前页的数据
console.log(currPageData);
}
}
});
});
```
在上面的代码中,我们模拟了一个对象数组 `objArr`,然后将它的长度作为分页的总页数,每页显示 2 条数据。在 `jump` 回调函数中,我们使用 `slice` 方法获取当前页的数据,并进行相应的处理。
阅读全文