免費(fèi)AI編程助手
layui 分頁(yè)組件
2019-01-19 18:20 更新
和layDate的第一個(gè)版本幾乎同時(shí)間推出，由于幾乎沒(méi)有什么BUG，且功能基本比較完備，所以更新得也比較少。如今已經(jīng)作為L(zhǎng)ayui的分頁(yè)模塊，并也將在后續(xù)進(jìn)行一次優(yōu)化，屆時(shí)layPage將不再作為獨(dú)立組件而維護(hù)。
模塊加載名稱：laypage，laydate獨(dú)立組件官網(wǎng)：laypage.layui.com
由于layPage也同樣會(huì)在后續(xù)版本進(jìn)行一次大重寫，所以不在此頁(yè)做詳細(xì)的使用介紹。你可以前往獨(dú)立組件官網(wǎng)查看更多例子
語(yǔ)法：layui.laypage(settings)
| 參數(shù) | 描述 |
|---|---|
| settings | 部分必填，比分可選。用于配置laypage的鍵值對(duì)集合。 |
| 鍵 | 默認(rèn)值 | 類型 | 描述 |
|---|---|---|---|
| cont | 必填 | String/Object | 容器。值可以傳入元素id或原生DOM或jquery對(duì)象，如： |
| pages | 必填 | Number | 分頁(yè)數(shù)。一般通過(guò)服務(wù)端返回得到 |
| curr | 1 | Number | 當(dāng)前頁(yè)。 |
| groups | 5 | Number | 連續(xù)分頁(yè)數(shù)。 |
| skin | default | String | 控制分頁(yè)皮膚。目前支持：molv、yahei、flow 除此之外，還支持16進(jìn)制顏色值，如: |
| first | 1 | Number/String/Boolean | 用于控制首頁(yè)。值支持三種類型。 如：first: '首頁(yè)' 如：first: false，則表示不顯示首頁(yè)項(xiàng) |
| last | 總頁(yè)數(shù) | Number/String/Boolean | 用于控制尾頁(yè)。值支持三種類型 如：last: '尾頁(yè)' 如：last: false，則表示不顯示首頁(yè)項(xiàng) |
| prev | 上一頁(yè) | String/Boolean | 用于控制上一頁(yè)。若不顯示，設(shè)置false即可 |
| next | 下一頁(yè) | String/Boolean | 用于控制下一頁(yè)。若不顯示，設(shè)置false即可 |
| skip | false | Boolean | 是否顯示跳轉(zhuǎn) |
| hash | undefined | 任意 | hash名，如果填寫，則開(kāi)啟location.hash。觸發(fā)分頁(yè)時(shí)，會(huì)自動(dòng)對(duì)url追加#!hash名={curr} 利用這個(gè)，可以在頁(yè)面載入時(shí)就定位到指定頁(yè) |
| jump | 核心參數(shù) | Function | 觸發(fā)分頁(yè)后的回調(diào)，函數(shù)返回兩個(gè)參數(shù)。 obj是一個(gè)object類型。包括了分頁(yè)的所有配置信息。 first一個(gè)Boolean類，檢測(cè)頁(yè)面是否初始加載。非常有用，可避免無(wú)限刷新。 |
由于也是從之前的獨(dú)立組件直接移入到layui，所以暫時(shí)不對(duì)其做詳細(xì)介紹。在后面對(duì)laypage的重寫中，本頁(yè)也會(huì)重新編寫。
Layui - 用心與你溝通
以上內(nèi)容是否對(duì)您有幫助：
更多建議：