首頁 > web前端 > Layui教程 > layui分頁怎麼用

layui分頁怎麼用

angryTom
發布: 2019-07-19 16:03:33
原創
5548 人瀏覽過

layui分頁怎麼用

推薦教學:layui教學

#layui分頁官方網址:https://www.layui.com/doc/modules/laypage.html

#第一步頁面引入layui的css和js

  這不就不用示範了吧

第二步在html中寫入樣式

layui分頁怎麼用

第三步寫js程式碼

layui分頁怎麼用

#  目前就是簡單的把分頁樣式寫在了js程式碼中

  theme就是給分頁自訂顏色或加一個類別名稱從而改變分頁樣式

  詳見layui官網

#第四步ajax控制分頁

  ajax中data要傳的資料

layui分頁怎麼用

  在layui呼叫中加入 jump

layui分頁怎麼用

  jump就是點選上一頁或下一頁觸發函數本身

    if (!first) {
    if (!first) {

     

  的作用就是設定首次渲染分頁無需走業務邏輯處理函數,不然會陷入死循環,我一開始看的時候也一臉懵逼這樣怎麼實現頁面跳轉怎麼得到當前頁,然後我印了一下函數中的obj

就明白了

layui分頁怎麼用

#  在obj中已經得到了總資料條數和目前頁,點選下一頁的時候<strong></strong>curr就是變成2,如果目前頁是2 點擊上一頁的時候<strong></strong>curr就會變成1,obj.curr賦值給已經定義好的目前頁變數當成參數詳見第四步驟ajax

中data要傳入的資料

  最後在重新呼叫渲染清單的函數就完成了分頁###

以上是layui分頁怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板