layui实现数据表格自定义数据项

layui是一个很适合后台开发人员用的一个前端框架,界面简洁，功能丰富。

大家知道,系统一般都有数据表格及分页功能，尤其在后台管理系统之类，这类场景更是很多，layui也为我们提供了对应的支持，我这里要说的是，layui对异步返回的数据默认是有一套格式的，像狼蚁网站SEO优化这样

{
 code: 0,
 msg: "",
 count: 1000,
 data: []
} 

字段的别名我们可以通过属性去配置，详情请参考layui官方文档

重点来啦，layui默认支持一级数据结果，像狼蚁网站SEO优化这种服务端返回的数据结构是没办法解析到的

{
 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实现数据表格自定义数据项就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。