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

員工經(jīng)過長期磨合與沉淀，具備了協(xié)作精神，得以通過團隊的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。成都創(chuàng)新互聯(lián)公司堅持“專注、創(chuàng)新、易用”的產(chǎn)品理念，因為“專注所以專業(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、微信公眾號開發(fā)、電商網(wǎng)站開發(fā)，微信小程序開發(fā)，軟件按需求定制網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(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為當前頁的屬性和方法，第一次加載first為true
                             //         do something
                    if (!first) {
                             //非首次加載 do something  
                    }
                }
            })
        });

二、使用方式

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

                    　　

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

                    　　

                    　　

                

以上就是layui laypage組件常見用法總結(jié)的詳細內(nèi)容，更多請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司其它相關(guān)文章！

分享文章：layui中l(wèi)aypage組件的使用方法-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://weahome.cn/article/ipohs.html