Layui数据表格解析任意数据格式问题
项目里遇到一个非框架默认格式的json数据,进行数据转换后遇到的bug;
如图所示我要解析的json格式为:
我的表格需要渲染list里面的数据然后我通过格式转换实现了,然而还需要在页面显示 listnnum 和 listynum 的条数值,此时我用data.去取显示undefined...
,done: function (data, curr, count) {if(data.code==0){$('.listYnum').html('当前可使用的数据:'+data.listynum+'条,');$('.listNnum').html('已使用的数据:'+data.listnnum+'条');console.log(data);console.log(data.listynum);console.log(data.msg)}
}
控制台打出的是:
打出的data里根本都没有这两个参数。所以觉得很奇怪,后来试了一种方式在parseData 函数里自定义了这两个参数,页面就可以取到这两个值了
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据return {"code": res.code, //解析接口状态"msg": res.msg, //解析提示文本"count": res.data.count, //解析数据长度"data": res.data.list //解析数据列表,'listnnum':res.listnnum,'listynum':res.listynum //新知识点划重点}
}
之前还没有遇到过这种情况(也有可能文档有些我看漏了),所以记录下来万一其他小伙伴遇到可以参考。
ps:一个小问题
如果把这两个值放到list数组里取值的时候还是undefined,这个问题我还在研究,欢迎讨论~
Layui数据表格解析任意数据格式问题相关推荐
- layui数据表格解析html,layui框架table 数据表格的方法级渲染详解
layui框架table 数据表格的方法级渲染详解 如下所示: //js 规范书写 var tst=table.render({ elem: '#test11' ,cols: [[ //标题栏 {ch ...
- LayUI——数据表格使用
Layui数据表格的实际项目使用 Layui的数据表格可谓是在后台管理的页面中经常用到的工具了 最近做项目就用到了,项目的要求是用数据表格显示出后台文章的列表并且每一行的文章都有对应的修改删除操作按钮 ...
- layui数据表格(一:基础篇,数据展示、分页组件、表格内嵌表单和图片)
表格展示神器之一:layui表格 前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table.layui table ...
- php分页显示数据表格显示,php+layui数据表格实现数据分页渲染代码
一.html 二.js 说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等 查看详情 {{# if (d.hotcake === '超级爆款') ...
- html表格不能横向自动展示,layui数据表格table横向滚动条不显示纵向滚动条显示不完整...
layui数据表格table横向滚动条不显示纵向滚动条显示不完整 layui数据表格table横向滚动条不显示,纵向滚动条显示不完整 需要把heigh高度写死 table.render({ elem: ...
- Layui数据表格的引用
对于一些编程插件的引用,相信大多数的编程人员都不会感觉到陌生,因为在对程序开发和项目开发的过程中往往都会需要引用到插件,那么至于插件呢,也有很多种,比如: bootstrap jquery layui ...
- layui数据表格分页无法正常显示
layui数据表格分页无法正常显示 应该先利用layui table中的parseData方法手动将数据切片分页,代码如下,要点是parseData: function(res){}中的方法,对从ur ...
- layui数据表格中导出所有数据的简易解决办法
layui数据表格中导出所有数据的简易解决办法 官方文档的困惑 解决办法 官方文档的困惑 首先要说明的是:layui在 table 的工具栏内置了数据导出按钮,如果你是用它内置的导出按钮来导出数据,是 ...
- Thinkphp+layui数据表格实现表格分页
项目场景:Thinkphp+layui数据表格实现表格分页 提示:thinkphp+layui数据表格分页,需要服务器端配合.之前在百度上一通乱搜也没找到解决方案. 问题描述 提示:这里描述项目中遇到 ...
最新文章
- 两种常见的点云配准方法ICPNDT
- 学术报告 | 数据库专家C.Mohan ——人工智能的前世今生
- truffle (ETH以太坊智能合约集成开发工具) 入门教程
- linux系统安装柯美打印机,柯尼卡美能达复印机中标麒麟系统驱动安装
- linux下面的时间设置
- Java客户端操作elasticsearch--查询索引库(高亮显示)
- 高级组合技打造“完美” 捆绑后门
- SMTP连接器的使用
- 动态规划 —— 阶乘
- vue读取本机的excel文件的两种方式
- Exadata:Smart Scan(二) FAST FULL SCAN
- Qt_QPushButton 原生按钮长按
- im2col运算 - 一种卷积优化算法
- mp3转wav方法,mp3转wav步骤
- 浅谈CVPR2022的几个研究热点
- 不要迷恋我,虽然我利用Python来耍植物大战僵尸
- bash shell 数组元素遍历操作 foreach
- 64位字长的高性能微型计算机,计算机中的字长
- Highlight_Matching_Pair问题解决
- flutter 中实现磨砂玻璃效果