基于layui table返回的值的多级嵌套的解决方法
网络编程 2021-07-04 15:01www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇基于layui table返回的值的多级嵌套的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
我在学习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下的suess中 第一行写
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返回的值的多级嵌套的解决方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南