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

 更新時間:2019年10月26日 08:53:51   作者:itCrazyJun   我要評論
今天小編就為大家分享一篇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的規范一樣

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

相關文章

最新評論

福建体育彩票时时彩11