1. 程式人生 > >layui學習之二 表單資料分頁

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.