laypage分页控件使用实例详解

元素，指定一个唯一的ID，用于后续的laypage初始化。

3. 初始化laypage

在JavaScript代码中，使用layui.laypage方法初始化laypage分页控件。laypage方法接受一个配置对象作为参数，用于设置分页的相关属性。

layui.laypage.render({
elem: 'pagination', // 分页容器的ID
count: 100, // 数据总数
limit: 10, // 每页显示的数据条数
curr: 1, // 当前页码
jump: function(obj, first){
// 分页回调函数
if (!first) {
// 非首次加载执行
// obj包含当前分页的所有参数，如curr、limit、pages等
console.log(obj.curr); // 输出当前页码
}
}
});

4. 配置参数说明

• elem：分页容器的ID，必填参数。

• count：数据总数，必填参数。laypage会根据数据总数计算出总页数。

• limit：每页显示的数据条数，默认为10条。

• curr：当前页码，默认为1。可以通过设置该参数来指定初始化时显示的页码。

• jump：分页回调函数，可选参数。当页码发生变化时，会执行该回调函数。回调函数的参数obj包含当前分页的所有参数，如curr、limit、pages等。

以上就是laypage分页控件的使用实例和参数的详细解释。根据实际需求，可以根据laypage的API文档进行更详细的配置和使用。