巧妙解決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ù)。
然而?。『蠖艘蟾袷绞?code>?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修改
后面的需要打開(kāi)【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)文章
利用JavaScript實(shí)現(xiàn)新聞滾動(dòng)效果(實(shí)例代碼)
這篇文章主要是對(duì)利用JavaScript實(shí)現(xiàn)新聞滾動(dòng)效果的兩種方法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11JS 文字符串轉(zhuǎn)換unicode編碼函數(shù)
AJAX傳遞中文字符串時(shí)必須把中文字符串編碼成unicode,一般會(huì)用到JS的自帶函數(shù)escape().不過(guò)找到了更好的函數(shù)來(lái)確決中文字符轉(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é)合實(shí)例形式分析了javascript數(shù)組的定義與使用方法,需要的朋友可以參考下2017-04-04利用iscroll4實(shí)現(xiàn)輪播圖效果實(shí)例代碼
iScroll 4 這個(gè)版本完全重寫(xiě)了iScroll這個(gè)框架的原始代碼。這個(gè)項(xiàng)目的產(chǎn)生完全是因?yàn)橐苿?dòng)版webkit瀏覽器(諸如iPhone,iPad,Android 這些系統(tǒng)上廣泛使用)。下面這篇文章主要介紹了利用iscroll4實(shí)現(xiàn)輪播圖效果的方法教程,需要的朋友可以參考下。2017-01-01淺談JavaScript構(gòu)造樹(shù)形結(jié)構(gòu)的一種高效算法
這篇文章主要介紹了JavaScript構(gòu)造樹(shù)形結(jié)構(gòu)的一種高效算法,對(duì)算法感興趣的同學(xué),可以參考下2021-05-05JavaScript中的this指向綁定規(guī)則及常見(jiàn)面試總結(jié)
這篇文章主要為大家介紹了JavaScript中的this指向綁定規(guī)則及箭頭韓碩中的this指向,還b包含了常見(jiàn)面試總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12JS實(shí)現(xiàn)數(shù)組簡(jiǎn)單去重及數(shù)組根據(jù)對(duì)象中的元素去重操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組簡(jiǎn)單去重及數(shù)組根據(jù)對(duì)象中的元素去重操作,涉及javascript數(shù)組元素的遍歷、判斷、追加等操作實(shí)現(xiàn)去重功能的相關(guān)技巧,需要的朋友可以參考下2018-01-01