layui實(shí)現(xiàn)數(shù)據(jù)表格自定義數(shù)據(jù)項(xiàng)
layui是一個(gè)很適合后臺(tái)開發(fā)人員用的一個(gè)前端框架,界面簡(jiǎn)潔,功能豐富。
大家知道,系統(tǒng)一般都有數(shù)據(jù)表格及分頁功能,尤其在后臺(tái)管理系統(tǒng)之類,這類場(chǎng)景更是很多,layui也為我們提供了對(duì)應(yīng)的支持,我這里要說的是,layui對(duì)異步返回的數(shù)據(jù)默認(rèn)是有一套格式的,像下面這樣
{ code: 0, msg: "", count: 1000, data: [] }
字段的別名我們可以通過屬性去配置,詳情請(qǐng)參考layui官方文檔
重點(diǎn)來啦,layui默認(rèn)支持一級(jí)數(shù)據(jù)結(jié)果,像下面這種服務(wù)端返回的數(shù)據(jù)結(jié)構(gòu)是沒辦法解析到的
{ code: 0, msg: "", page: { totalCount : 1, list : [ { id : "1", name : "2" } ] } }
對(duì)于這樣的多層級(jí)數(shù)據(jù)結(jié)構(gòu)是沒辦法獲取的,那么如何解決呢?只有修改源碼了
//table.js t[r.countName]) 修改為t['page'][r.countName]) t[r.dataName] 修改為 t['page'][r.dataName])
其中 page為上一層級(jí)的名字,如果有更多層級(jí),需要同步加上,修改完成之后,在頁面上的使用可以按照layui的規(guī)范一樣
以上這篇layui實(shí)現(xiàn)數(shù)據(jù)表格自定義數(shù)據(jù)項(xiàng)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào)
這篇文章主要介紹了javascript算法題:求任意一個(gè)1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號(hào),需要的朋友可以參考下2015-04-04AJAX 網(wǎng)頁保留瀏覽器前進(jìn)后退等功能
AJAX的應(yīng)用較少了頁面的刷新次數(shù),但是也可能會(huì)使瀏覽器的前進(jìn)、后退、刷新等功能受到影響。2011-02-02JavaScript函數(shù)參數(shù)的傳遞方式詳解
本文主要介紹了JavaScript函數(shù)參數(shù)的傳遞方式,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03layui問題之模擬table表格中的選中按鈕選中事件的方法
今天小編就為大家分享一篇layui問題之模擬table表格中的選中按鈕選中事件的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09微信小程序中不同頁面?zhèn)鬟f參數(shù)的操作方法
這篇文章主要介紹了微信小程序中不同頁面?zhèn)鬟f參數(shù)的操作方法,在開發(fā)項(xiàng)目中,避免不了不同頁面之間傳遞數(shù)據(jù)等,那么就需要進(jìn)行不同頁面之間的一個(gè)數(shù)據(jù)傳遞的,需要的朋友可以參考下2023-12-12元素未顯示設(shè)置width/height時(shí)IE中使用currentStyle獲取為auto
元素未顯示設(shè)置width/height時(shí)IE中無法使用currentStyle獲取,默認(rèn)獲取值為auto,需要的朋友可以參考下2014-05-05