新聞中心
這篇文章運用簡單易懂的例子給大家介紹LayUI實現(xiàn)前端分頁功能的方法,代碼非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
Layui 是一款采用自身模塊規(guī)范編寫的國產(chǎn)前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來即用。內(nèi)置了一些常用元素和組件的UI框架。
下載地址為http://www.layui.com/,下載后引入項目中。
二、LayPage參數(shù)介紹
aypage是內(nèi)置封裝好的一個對象,在進行分頁的時候直接調(diào)用即可,這里主要有以下幾個參數(shù),用于配置laypage的鍵值對集合:
鍵 | 默認(rèn)值 | 類型 | 描述 |
cont | 必填 | String/Object | 容器。值可以傳入元素id或原生DOM或jquery對象 |
pages | 必填 | Number | 分頁數(shù) |
curr | 1 | Number | 當(dāng)前頁。 |
groups | 5 | Number | 連續(xù)分頁數(shù)。 |
skin | default | String | 控制分頁皮膚 |
first | 1 | Number/String/Boolean | 用于控制首頁。first: false,則表示不顯示首頁項 |
last | 總頁數(shù)值 | Number/String/Boolean | 用于控制尾頁。last: false,則表示不顯示尾頁項 |
prev | 上一頁 | String/Boolean | 用于控制上一頁。若不顯示,設(shè)置false即可 |
next | 下一頁 | String/Boolean | 用于控制下一頁。若不顯示,設(shè)置false即可 |
jump | 核心參數(shù) | Function | 觸發(fā)分頁后的回調(diào),函數(shù)返回兩個參數(shù)。 |
分頁效果如下:
看完這篇文章,你們學(xué)會LayUI實現(xiàn)前端分頁功能的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀。
分享題目:LayUI實現(xiàn)前端分頁功能的方法-創(chuàng)新互聯(lián)
URL鏈接:http://www.dlmjj.cn/article/dgssde.html