侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 128813 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

前端那些事之layui分页篇-laypage

2024-04-28 星期日 / 0 评论 / 0 点赞 / 2 阅读 / 1820 字

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;                                    });                                });                            }                        });                    });

广告 广告

评论区