layui实现数据表格自定义数据项
更新时间：2019年10月26日 08:53:50 作者：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实现数据表格自定义数据项就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文详细介绍了如何在Uniapp中获取用户的地理位置,包括申请高德地图的Key、配置定位功能以及实现定位功能的代码示例,感兴趣的小伙伴跟着小编一起来看看吧2025-02-02
Bun运行时是新一代高性能JavaScript/TypeScript运行时
Bun由Jarred Sumner创建,是一款新兴的JavaScript和TypeScript运行时,旨在比Node.js和Deno提供更高性能和快速启动,Bun使用Zig语言编写,内置包管理并支持Node.js大部分API,适用于高并发API服务和快速构建工具2024-11-11
这篇文章主要为大家详细介绍了JavaScript实现多层颜色选项卡嵌套，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
js导出table到excel，在百度可以搜索很多的方法，但是其兼容性是相当差的，本文制定了一个可以同时兼容FF和IE的方法，感兴趣的朋友可以参考下2013-09-09
XP折叠菜单&仿QQ2006菜单...2006-12-12
这篇文章主要介绍了JavaScript中关于this指向的4种情况，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了微信小程序实现工作时间段选择，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-02-02
JavaScript实现简易轮播图最全代码解析(ES6面向对象)
这篇文章主要为大家详细介绍了JavaScript实现简易轮播图最全代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
el-date-picker 限制开始时间和结束时间的代码实现
在Vue.js中使用Element UI库的el-date-picker组件时,可以通过设置picker-options来限制开始时间和结束时间的选择范围,下面通过例子介绍el-date-picker 限制开始时间和结束时间的实现,感兴趣的朋友一起看看吧2024-08-08
这篇文章主要介绍了JS html事件冒泡和事件捕获操作,结合完整实例形式分析了javascript事件冒泡及事件捕获相关原理与实现方法,需要的朋友可以参考下2019-05-05
最新评论