layui 分页提供了灵活的设置选项,满足不同页面的分页需求,包括基本设置(数据总量、每页显示条数、当前页码等)、布局设置(自定义分页布局)、回调函数(分页后的回调函数)和附加设置(是否显示特定按钮、页码列表分组数量等)。

layui 分页设置
layui 分页组件提供灵活的设置选项,满足不同页面的分页需求。以下介绍如何设置 layui 分页:
1. 基本设置
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){
// 点击分页后的回调函数
}
});
});2. 布局设置
上述 layout 参数表示分页布局。可以根据需要自定义布局,支持以下选项:
部分功能简介:商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品,下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩,恢复,备份数据库功能上传文件管理商品类别管理商品添加/修改/
-
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)









