layui之laypage分页篇 $.getJSON('user.json', {}, function (res) { /// /从第1页开始请求。返回的js
layui之laypage分页篇
$.getJSON('user.json', {}, function (res) { /// /从第1页开始请求。返回的json格式可以任意定义 laypage({ cont: 'page', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div> pages: 2, //通过后台拿到的总页数 curr: 1, //初始化当前页 skin: '#429842',//皮肤颜色 groups: 3, //连续显示分页数 skip: true, //是否开启跳页 first: '首页', //若不显示,设置false即可 last: '尾页', //若不显示,设置false即可 //prev: '<', //若不显示,设置false即可 //next: '>', //若不显示,设置false即可 jump: function (e) { //触发分页后的回调 $.getJSON('user.json', {page:e.curr}, function (res) { console.log(e.curr);// e.pages = e.last = res.pageCount; //重新获取总页数,一般不用写 //渲染 var gettpl = $("#demo").html(); laytpl(gettpl).render(res.data, function(html){ document.getElementById('view').innerHTML = html; }); }); } }); });