layui學習筆記——分頁

一、快速使用

laypage 的使用很是簡單，指向一個用於存放分頁的容器，經過服務端獲得一些初始值，便可完成分頁渲染：

< div id = "test1" >  <  / div >
     < script >
    layui.use('laypage', function ()
    {
        var laypage = layui.laypage;
        //執行一個laypage實例
        laypage.render(
        {
            elem : 'test1' //注意，這裏的 test1 是 ID，不用加 # 號
        , count : 50 //數據總數，從服務端獲得
        });
    });
<  / script >

二、基礎參數選項

經過核心方法：laypage.render(options) 來設置基礎參數

三、切換分頁的回調jump

當分頁被切換時觸發：

laypage.render({
  elem: 'test1'
  ,count: 70 //數據總數，從服務端獲得
  ,jump: function(obj, first){
    //obj包含了當前分頁的全部參數，好比：
    console.log(obj.curr); //獲得當前頁，以便向服務端請求對應頁的數據。
    console.log(obj.limit); //獲得每頁顯示的條數   
    //首次不執行
    if(!first){
      //do something
    }
  }
});