巧妙解決Layui.table組件分頁問題示例
引言
這段時間用了Layui,用table組件的時候遇到了一個問題,在這邊分享記錄下。
熟悉這個框架的小伙伴應(yīng)該知道原始的分頁是?page=1&limit=10
這樣的,page代表分頁,limit代表每頁顯示的條數(shù)。
然而?。『蠖艘蟾袷绞?code>?offset=0&limit=10,看了下官網(wǎng)文檔,社區(qū)以及搜索了下并沒有找到相關(guān)資料。
沒辦法,只能默默搜源碼去了。
經(jīng)過一番的搜索,終于找到了答案。
修改pagename
首先前面的把pagename改下就好,
table.render({ elem: '#table' ,url:url ,request: { pageName: 'offset' } ,cols: [] ,page: true });
table.js修改
后面的需要打開【table.js】并找到這個改成r[l.pageName] = e(此處自定義哈哈,我還拿出筆計算了,有種學(xué)數(shù)學(xué)的感覺,因為我是0/10/20的,所以此處為e*10-10),如下圖:
好了,請求下試試看。
OK,沒毛病,大功告成!
以上就是巧妙解決Layui.table組件分頁問題示例的詳細(xì)內(nèi)容,更多關(guān)于Layui.table組件分頁的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
利用JavaScript實現(xiàn)新聞滾動效果(實例代碼)
這篇文章主要是對利用JavaScript實現(xiàn)新聞滾動效果的兩種方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11JS 文字符串轉(zhuǎn)換unicode編碼函數(shù)
AJAX傳遞中文字符串時必須把中文字符串編碼成unicode,一般會用到JS的自帶函數(shù)escape().不過找到了更好的函數(shù)來確決中文字符轉(zhuǎn)換成unicode編碼的函數(shù)2009-05-05JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法,從數(shù)據(jù)結(jié)構(gòu)線性表的角度分析了數(shù)組的原理并結(jié)合實例形式分析了javascript數(shù)組的定義與使用方法,需要的朋友可以參考下2017-04-04淺談JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法
這篇文章主要介紹了JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法,對算法感興趣的同學(xué),可以參考下2021-05-05JavaScript中的this指向綁定規(guī)則及常見面試總結(jié)
這篇文章主要為大家介紹了JavaScript中的this指向綁定規(guī)則及箭頭韓碩中的this指向,還b包含了常見面試總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12JS實現(xiàn)數(shù)組簡單去重及數(shù)組根據(jù)對象中的元素去重操作示例
這篇文章主要介紹了JS實現(xiàn)數(shù)組簡單去重及數(shù)組根據(jù)對象中的元素去重操作,涉及javascript數(shù)組元素的遍歷、判斷、追加等操作實現(xiàn)去重功能的相關(guān)技巧,需要的朋友可以參考下2018-01-01