layui（三）——laypage组件常见用法总结

laypage 的使⽤⾮常简单，指向⼀个⽤于存放分页的容器，通过服务端得到⼀些初始值，即可完成分页渲染。核⼼⽅法： laypage.render(options) 来设置基础参数。

⼀、laypage的常⽤基础参数

layui.use(['laypage'], function () { laypage = layui.laypage laypage.render({

elem: 'pageTest' //这是元素的id，不能写成\"#pageTest\" , count: data.length //数据总数 , limit: 10 //每页显⽰条数 , limits: [10, 20, 30]

, curr: 1 //起始页

, groups: 5 //连续页码个数 , prev: '上⼀页' //上⼀页⽂本 , netx: '下⼀页' //下⼀页⽂本 , first: 1 //⾸页⽂本 , last: 100 //尾页⽂本

, layout: ['prev', 'page', 'next','limit','refresh','skip']

//跳转页码时调⽤

, jump: function (obj, first) { //obj为当前页的属性和⽅法，第⼀次加载first为true // do something if (!first) {

//⾮⾸次加载 do something } } }) });

⼆、使⽤⽅式

　　在layui中的table中包含了laypage，这⾥就不再说明laytable中的分页⽤法，主要写⼀个后台分页，前端加载列表（⾮table中的列表）的栗⼦，具体为点击分类栏，主体部分显⽰对应的新闻列表。

新闻分类1