基于layuitable返回的值的多级嵌套的解决方法_layuitab嵌套tab,layuitable多级嵌套 - CSDN文库

13 浏览量更新于2023-05-09 评论收藏 38KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

今天小编就为大家分享一篇基于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下的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返回的值的多级嵌套的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家

多多支持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38604951

粉丝: 4
资源: 893

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈