layui学习之二 表单数据分页

前端代码:<table class="layui-hide" id="demo" lay-filter="test"></table>

js代码:layui.use('table',function(){

    var table = layui.table;

    table.render(

            elem:'#demo',

            url:'数据接口',

            page:'true',//是否开启分页

            limits:[10,20,50],//选择每页显示多少条数据

            limit:10,//初始每页显示条数

             cols:[[//表头
{field:'id',width:80,title:'ID',sort:true}]

            response:{

                    code:'',

                    msg:'',

                    count:数据总数,

                    data:[]

                }

            )

})

这里需要注意后台传递的数据格式,{'code':0,'msg':'','count':'数据总数','data':[]} 一定要是这样的模式。如果有需要可以使用上面的response 来自定义返回的数据格式。

另外如果是可以展示数据,而分页没有起作用。所有的数据直接显示在页面,那么就是后台的问题,因为你在后台没有告诉页面一次显示多少数据。所以我没要在后台设置 page(当前页面) 和 limit(每页显示多少条).这两个参数是layui默认传递到后台的。你只需要直接获取即可。然后根据这两个参数设置查询数据的条数。这样页面分页就会起作用。最后附上的我demo.



猜你喜欢

转载自blog.csdn.net/chenxue843400447/article/details/80707625