layui分页使用个人觉得比bootstrap使用来的复杂,这里说一下layui分页的使用方法
var currPage =1;
var limit =10;
laypage.render({ //layui分页
elem:'page', //分页容器idcount:count,//总条数
curr:currPage,//当前页
limit:limit,//每页的条数
limits:[10,20,30],//可选择每页数目
prev:"<<",//上一页图标
next:">>",//下一页图标
theme:"#0099ff",//分页主色
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],//设置分页组件显示
jump:function (obj,first) {
if(!first){ //设置首次渲染分页无需走业务逻辑处理函数,不然会陷入死循环
currPage = obj.curr;
limit = obj.limit;
searchCollects(); //业务处理的函数方法
}
}
})

本文介绍了一种基于layui框架的分页插件使用方法,通过实例演示了如何配置分页参数并实现分页功能。文章详细展示了layui分页插件的各项配置选项,包括分页容器ID、总条数、当前页、每页条数等。
1485

被折叠的 条评论
为什么被折叠?



