layui 分页提供了灵活的设置选项，满足不同页面的分页需求，包括基本设置（数据总量、每页显示条数、当前页码等）、布局设置（自定义分页布局）、回调函数（分页后的回调函数）和附加设置（是否显示特定按钮、页码列表分组数量等）。
layui 分页设置
layui 分页组件提供灵活的设置选项，满足不同页面的分页需求。以下介绍如何设置 layui 分页：
1. 基本设置
<code class="javascript">layui.use('laypage', function(){
layui.laypage.render({
elem: 'page', // 分页容器ID
count: 100, // 数据总量
limit: 10, // 每页显示条数
curr: 1, // 当前页码
layout: ['prev', 'page', 'next', 'limit', 'count'], // 自定义分页布局
jump: function(obj, first){
// 点击分页后的回调函数
}
});
});</code>2. 布局设置
上述 layout 参数表示分页布局。可以根据需要自定义布局，支持以下选项：
-
count: 显示数据总量 -
prev: 上一页按钮 -
page: 页码列表 -
next: 下一页按钮 -
limit: 每页显示条数选择器 -
first: 第一页按钮 -
last: 最后一页按钮 -
refresh: 刷新按钮 -
skip: 前往指定页码输入框
3. 回调函数
jump 参数指定分页后的回调函数。该函数接收两个参数：
-
obj: 分页参数，包括count,curr,limit,pages等属性 -
first: 是否首次加载分页
4. 其他设置
除了基本设置外，layui 分页还提供了以下附加设置：
-
first,last,refresh: 是否显示相应按钮（默认false） -
groups: 页码列表分组数量（默认5） -
prev,next: 自定义按钮文本（默认分别为上一页和下一页） -
theme: 主题风格（默认default）
