layui分页怎么设置

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 参数表示分页布局。可以根据需要自定义布局，支持以下选项：

• 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）

以上就是layui分页怎么设置的详细内容，更多请关注叮当号网其它相关文章！