巧妙解決Layui.table組件分頁(yè)問(wèn)題示例
引言
這段時(shí)間用了Layui，用table組件的時(shí)候遇到了一個(gè)問(wèn)題，在這邊分享記錄下。
熟悉這個(gè)框架的小伙伴應(yīng)該知道原始的分頁(yè)是?page=1&limit=10這樣的，page代表分頁(yè)，limit代表每頁(yè)顯示的條數(shù)。
然而??！后端要求格式是?offset=0&limit=10,看了下官網(wǎng)文檔，社區(qū)以及搜索了下并沒(méi)有找到相關(guān)資料。
沒(méi)辦法，只能默默搜源碼去了。
經(jīng)過(guò)一番的搜索，終于找到了答案。
修改pagename
首先前面的把pagename改下就好，
table.render({
elem: '#table'
,url:url
,request: {
pageName: 'offset'
}
,cols: []
,page: true
});table.js修改
后面的需要打開【table.js】并找到這個(gè)改成r[l.pageName] = e（此處自定義哈哈，我還拿出筆計(jì)算了，有種學(xué)數(shù)學(xué)的感覺(jué)，因?yàn)槲沂?/10/20的，所以此處為e*10-10），如下圖：
好了，請(qǐng)求下試試看。
OK，沒(méi)毛病，大功告成！
以上就是巧妙解決Layui.table組件分頁(yè)問(wèn)題示例的詳細(xì)內(nèi)容，更多關(guān)于Layui.table組件分頁(yè)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄
最近學(xué)到了一個(gè)比較好用的框架uni-app,可以做六端適配,學(xué)習(xí)一下,下面這篇文章主要給大家介紹了關(guān)于uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了微信小程序sessionid不一致問(wèn)題解決,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)固定表頭、列表格組件的相關(guān)資料,這個(gè)功能在我們進(jìn)行小程序開發(fā)的時(shí)候非常實(shí)用,文章通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
JavaScript連接組件實(shí)現(xiàn)打印功能
這篇文章主要為大家詳細(xì)介紹了JavaScript如何連接連接抖音打印組件實(shí)現(xiàn)打印小票功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-04-04
這篇文章主要介紹了JavaScript中的Truthy和Falsy介紹,JavaScript中存在Truthy值和Falsy值的概念,本文講解了它的相關(guān)概念,需要的朋友可以參考下2015-01-01
JavaScript 獲取當(dāng)前日期時(shí)間 年月日 時(shí)分秒的方法
這篇文章主要介紹了JavaScript 獲取當(dāng)前日期時(shí)間年月日時(shí)分秒的方法,通過(guò)案例代碼介紹了獲取當(dāng)前日期方法,代碼簡(jiǎn)單易懂,需要的朋友可以參考下2023-10-10
JS中BroadcastChannel實(shí)現(xiàn)瀏覽器標(biāo)簽頁(yè)通信
瀏覽器標(biāo)簽頁(yè)通信常用于列表頁(yè)進(jìn)入詳情頁(yè)所進(jìn)行的標(biāo)簽頁(yè)間通信的情況,實(shí)際使用例如博客頁(yè)面的列表和文章編輯頁(yè)面、音樂(lè)網(wǎng)站的列表和音樂(lè)播放詳情等,本文就來(lái)詳細(xì)的介紹一下BroadcastChannel實(shí)現(xiàn)瀏覽器標(biāo)簽頁(yè)通信,感興趣的可以了解一下2025-10-10
這篇文章主要介紹了JavaScript中自定義事件用法,較為詳細(xì)的分析了自定義事件的原理與具體用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
淺談webpack devtool里的7種SourceMap模式
這篇文章主要介紹了淺談webpack devtool里的7種SourceMap模式，主要介紹了這7種模式的使用和打包編譯后的結(jié)果的不同，非常具有實(shí)用價(jià)值，有興趣的可以了解一下2019-01-01
這篇文章主要介紹了JavaScript獲取客戶端IP的方法(新方法)的相關(guān)資料,需要的朋友可以參考下2016-03-03