基于layui table返回的值的多级嵌套的解决方法


Posted in Javascript onSeptember 19, 2019

我在学习layui的过程中遇到了table返回值的问题,如果服务器端返回给你的数据是多级嵌套的话,那你在前台是解析不了的,在table.js源码中 它渲染数据是用了

data = res[options.response.dataName] || []

这个意味着它源码不支持嵌套数据

举个例子把 比如服务器端返回的数据中data>dataList>list

把这个数据返回给前段解析出来的是 res[data.dataList.list]类似这种的结构,当然解析不了,所以我写了一个方法处理返回的数据

function searchData(response,res,name){
var data = new Object();
var arr = response[name].split("/"),
pre = arr[0];
data[pre] = res[pre];
for(var i = 1;i<arr.length;i++){
if(arr[i]){
var next = arr[i];
data[pre] = data[pre][next];
}
}

然后再table.js中找到ajax下的success中 第一行写

try{
countNameInfo = response.countName;
dataNameInfo = response.dataName;
//console.log(options.response)
res.newcountName = searchData(response,res,“countName”);
res.newdataName = searchData(response,res,“dataName”);
}catch(err){
console.log(err.message);
}

newcountName,newdataName在pullData中自己定义 之后让

response.countName = countNameInfo;
response.dataName = dataNameInfo;

最后在你table.render中的response中写

countName: ‘你多级嵌套的节点值' //数据总数的字段名称,默认:count
,dataName: ‘你多级嵌套的节点值' //数据列表的字段名称,默认:data

以上面我写的例子为例:‘data/dataList/list'

OK 至此你就可以处理多级嵌套的返回值了,如有不对的地方,还望多多包含!!!

这篇基于layui table返回的值的多级嵌套的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript下IE与Firefox下的差异兼容写法总结
Jun 18 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
JavaScript检查子字符串是否在字符串中的方法
Feb 03 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
AngularJS使用ng-repeat指令实现下拉框
Aug 23 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
Jul 24 Javascript
layui默认选中table的CheckBox复选框方法
Sep 19 #Javascript
layui 数据表格复选框实现单选功能的例子
Sep 19 #Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 #Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 #Javascript
Layui数据表格 前后端json数据接收的方法
Sep 19 #Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 #Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 #Javascript
You might like
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
php删除数组元素示例分享
2014/02/17 PHP
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
php从数据库中获取数据用ajax传送到前台的方法
2018/08/20 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
js DOM模型操作
2009/12/28 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
二维码图片生成器QRCode.js简单介绍
2017/08/18 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Python3.5运算符操作实例详解
2019/04/25 Python
python 动态迁移solr数据过程解析
2019/09/04 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
如何用python处理excel表格
2020/06/09 Python
Python如何给你的程序做性能测试
2020/07/29 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
Python 创建守护进程的示例
2020/09/29 Python
大专生自我鉴定范文
2013/10/01 职场文书
采购经理岗位职责
2014/02/16 职场文书
物理学专业自荐信
2014/06/11 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
会计岗位说明书
2014/07/29 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android