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实现数据表格自定义数据项就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


本文名称:layui实现数据表格自定义数据项
本文URL:http://bzwzjz.com/article/pjoojp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销型网站建设 成都网站制作 成都网站设计公司 网站建设公司 网站建设方案 H5网站制作 成都网站制作 网站制作 网站建设费用 手机网站建设套餐 成都网站建设公司 重庆网站建设 成都网站建设 成都网站设计 app网站建设 响应式网站设计 高端定制网站设计 公司网站建设 网站制作报价 温江网站设计 梓潼网站设计 成都网站建设流程