日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
layui中l(wèi)aypage組件的使用方法

laypage 的使用非常簡單,指向一個用于存放分頁的容器,通過服務(wù)端得到一些初始值,即可完成分頁渲染。核心方法: laypage.render(options)  來設(shè)置基礎(chǔ)參數(shù)。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供和布克賽爾蒙古網(wǎng)站建設(shè)、和布克賽爾蒙古做網(wǎng)站、和布克賽爾蒙古網(wǎng)站設(shè)計、和布克賽爾蒙古網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、和布克賽爾蒙古企業(yè)網(wǎng)站模板建站服務(wù),10余年和布克賽爾蒙古做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

一、laypage的常用基礎(chǔ)參數(shù)

layui.use(['laypage'], function () {
            laypage = layui.laypage
            laypage.render({
                elem: 'pageTest'                 //這是元素的id,不能寫成"#pageTest"
                , count: data.length             //數(shù)據(jù)總數(shù)
                , limit: 10                      //每頁顯示條數(shù)
                , limits: [10, 20, 30]
                , curr: 1                        //起始頁
                , groups: 5                      //連續(xù)頁碼個數(shù)
                , prev: '上一頁'                 //上一頁文本
                , netx: '下一頁'                 //下一頁文本
                , first: 1                      //首頁文本
                , last: 100                     //尾頁文本
                , layout: ['prev', 'page', 'next','limit','refresh','skip']
               
                //跳轉(zhuǎn)頁碼時調(diào)用
                , jump: function (obj, first) { //obj為當(dāng)前頁的屬性和方法,第一次加載first為true
                             //         do something
                    if (!first) {
                             //非首次加載 do something  
                    }
                }
            })
        });

二、使用方式

在layui中的table中包含了laypage,這里就不再說明laytable中的分頁用法,主要寫一個后臺分頁,前端加載列表(非table中的列表)的栗子,具體為點擊分類欄,主體部分顯示對應(yīng)的新聞列表。

  
        
  • 新聞分類1
  •     
  • 新聞分類2
  •     
  • 新聞分類3
  •     
  • 新聞分類4
  •   

新聞分類1

  
      

    以上就是layui laypage組件常見用法總結(jié)的詳細(xì)內(nèi)容,更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章!


    本文題目:layui中l(wèi)aypage組件的使用方法
    網(wǎng)站路徑:http://www.dlmjj.cn/article/ggsgjs.html