1. 程式人生 > >layui資料表格自定義資料項

layui資料表格自定義資料項

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的規範一樣