layui實現數據表格自定義數據項

發布時間：2020-09-25 13:38:12 來源：腳本之家閱讀：177 作者：itCrazyJun 欄目：web開發

layui是一個很適合后臺開發人員用的一個前端框架,界面簡潔，功能豐富。

大家知道,系統一般都有數據表格及分頁功能，尤其在后臺管理系統之類，這類場景更是很多，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的規范一樣

以上這篇layui實現數據表格自定義數據項就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站