layui 分頁組件

2019-01-19 18:20 更新

和layDate的第一個版本幾乎同時間推出，由于幾乎沒有什么BUG，且功能基本比較完備，所以更新得也比較少。如今已經(jīng)作為Layui的分頁模塊，并也將在后續(xù)進行一次優(yōu)化，屆時layPage將不再作為獨立組件而維護。

模塊加載名稱：laypage，laydate獨立組件官網(wǎng)：laypage.layui.com

由于layPage也同樣會在后續(xù)版本進行一次大重寫，所以不在此頁做詳細的使用介紹。你可以前往獨立組件官網(wǎng)查看更多例子

語法：layui.laypage(settings)

參數(shù)描述
settings

部分必填，比分可選。用于配置laypage的鍵值對集合。

鍵默認值類型描述
cont必填String/Object容器。值可以傳入元素id或原生DOM或jquery對象，如：
cont: 'id'
  //cont: document.getElementById('id')
  //cont: $('#id')
pages必填Number分頁數(shù)。一般通過服務(wù)端返回得到
curr1Number當前頁。
groups5Number連續(xù)分頁數(shù)。
skindefaultString控制分頁皮膚。目前支持：molv、yahei、flow 
除此之外，還支持16進制顏色值，如:
 skin: '#c00'
當然，您還可以自定義皮膚
first1Number/String/Boolean用于控制首頁。值支持三種類型。
如：first: '首頁' 如：first: false，則表示不顯示首頁項
last總頁數(shù)Number/String/Boolean用于控制尾頁。值支持三種類型
如：last: '尾頁' 如：last: false，則表示不顯示首頁項
prev上一頁String/Boolean用于控制上一頁。若不顯示，設(shè)置false即可
next下一頁String/Boolean用于控制下一頁。若不顯示，設(shè)置false即可
skipfalseBoolean是否顯示跳轉(zhuǎn)
hashundefined任意hash名，如果填寫，則開啟location.hash。觸發(fā)分頁時，會自動對url追加#!hash名={curr}
利用這個，可以在頁面載入時就定位到指定頁
jump核心參數(shù)Function觸發(fā)分頁后的回調(diào)，函數(shù)返回兩個參數(shù)。
obj是一個object類型。包括了分頁的所有配置信息。
first一個Boolean類，檢測頁面是否初始加載。非常有用，可避免無限刷新。
jump: function(obj, first){
    //得到了當前頁，用于向服務(wù)端請求對應(yīng)數(shù)據(jù)
    var curr = obj.curr;
  }

由于也是從之前的獨立組件直接移入到layui，所以暫時不對其做詳細介紹。在后面對laypage的重寫中，本頁也會重新編寫。

Layui - 用心與你溝通


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號