layui的跳转链接实现分页low

最新推荐文章于 2023-06-20 09:16:45 发布

weixin_30289831

最新推荐文章于 2023-06-20 09:16:45 发布

阅读量656

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jike1219/p/10822062.html

该博客为转载内容，转载自https://www.cnblogs.com/jike1219/p/10822062.html ，涉及JavaScript相关知识。

layui.use(['laypage', 'layer'], function(){
    var laypage = layui.laypage
        ,layer = layui.layer;

    laypage.render({
        elem: 'pageFoot'
        ,count:"${pageBean.totalCount}"
        ,pages:"${pageBean.totalPage}"
        ,curr:"${pageBean.pageNum}"
        ,limit:"${pageBean.pageSize}"
        ,limits: [5,10,15,20]
        ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
        ,jump: function(obj,first){
            if (!first) {
                var pageSize=obj.limit;
                var pageNum=obj.curr;
                window.location.href="/queryAllBooks?pageSize="+pageSize+"&pageNum="+pageNum;//跳转链接
            }
            console.log(obj)
        }
    });
});