layui分页组件使用

在这里插入图片描述

<div id="test1"></div>
 
<script src="/static/build/layui.js"></script>
    <script>
        layui.use('laypage', function(){
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'test1'
                ,count: 700 //数据总数,从服务端得到
                ,jump: function(obj, first){
                    //obj包含了当前分页的所有参数,比如:
                    console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
                    console.log(obj.limit); //得到每页显示的条数

                    //首次不执行
                    if(!first){
                        //do something
                    }
                }
            });

        });
    </script>

elem里是ID的话里面不需要加#,class需要
数据总数从服务器端得到,可以使用ajax从数据库获取


版权声明:本文为weixin_46045444原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。