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


Posted in Javascript onOctober 26, 2019

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

Javascript 相关文章推荐
JQuery操作单选按钮以及复选按钮示例
Sep 23 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
Bootstrap网格系统详解
Apr 26 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
浅谈Angularjs link和compile的使用区别
Oct 21 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
Vue实战之vue登录验证的实现代码
Oct 31 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
利用JavaScript写一个简单计算器
Nov 27 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 #Javascript
使用 JavaScript 创建并下载文件(模拟点击)
Oct 25 #Javascript
js前端如何写一个精确的倒计时代码
Oct 25 #Javascript
对layui数据表格动态cols(字段)动态变化详解
Oct 25 #Javascript
layui实现数据表格隐藏列的示例
Oct 25 #Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 #Javascript
浅谈layui 绑定form submit提交表单的注意事项
Oct 25 #Javascript
You might like
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
php邮件发送的两种方式
2020/04/28 PHP
详解YII关联查询
2016/01/10 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
JQuery循环滚动图片代码
2011/12/08 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
2016/07/12 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Python 多线程Threading初学教程
2017/08/22 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
python得到单词模式的示例
2018/10/15 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
Python enumerate() 函数如何实现索引功能
2020/06/29 Python
化学实验员岗位职责
2013/12/28 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
农业开发项目建议书
2014/05/16 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
应用外语系自荐信
2014/06/26 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
2015年幼儿园中班开学寄语
2015/05/27 职场文书
结婚司仪主持词
2015/06/29 职场文书
python实现简易名片管理系统
2021/04/11 Python
如何使用php生成zip压缩包
2021/04/21 PHP