layui實現數據表格自定義數據項
layui是一個很適合后臺開發(fā)人員用的一個前端框架,界面簡潔,功能豐富。
大家知道,系統(tǒng)一般都有數據表格及分頁功能,尤其在后臺管理系統(tǒng)之類,這類場景更是很多,layui也為我們提供了對應的支持,我這里要說的是,layui對異步返回的數據默認是有一套格式的,像下面這樣
{
code: 0,
msg: "",
count: 1000,
data: []
}
字段的別名我們可以通過屬性去配置,詳情請參考layui官方文檔
重點來啦,layui默認支持一級數據結果,像下面這種服務端返回的數據結構是沒辦法解析到的
{
code: 0,
msg: "",
page: {
totalCount : 1,
list : [
{
id : "1",
name : "2"
}
]
}
}
對于這樣的多層級數據結構是沒辦法獲取的,那么如何解決呢?只有修改源碼了
//table.js t[r.countName]) 修改為t['page'][r.countName]) t[r.dataName] 修改為 t['page'][r.dataName])
其中 page為上一層級的名字,如果有更多層級,需要同步加上,修改完成之后,在頁面上的使用可以按照layui的規(guī)范一樣
以上這篇layui實現數據表格自定義數據項就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
javascript算法題:求任意一個1-9位不重復的N位數在該組合中的大小排列序號
這篇文章主要介紹了javascript算法題:求任意一個1-9位不重復的N位數在該組合中的大小排列序號,需要的朋友可以參考下2015-04-04
layui問題之模擬table表格中的選中按鈕選中事件的方法
今天小編就為大家分享一篇layui問題之模擬table表格中的選中按鈕選中事件的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
元素未顯示設置width/height時IE中使用currentStyle獲取為auto
元素未顯示設置width/height時IE中無法使用currentStyle獲取,默認獲取值為auto,需要的朋友可以參考下2014-05-05

