基于layui table返回的值的多级嵌套的解决方法
2019-09-19 16:41
1516 查看
我在学习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返回的值的多级嵌套的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 基于ajax后台返回的数据为空前台显示出现undefined的解决方法
- Type.GetType()在跨程序集反射时返回null的解决方法
- 解决 nginx 返回数据不完整的方法
- 解决ajax回调方法返回当前html的问题
- 使用MyBatis查询int类型字段,返回NULL值时报异常的解决方法
- Android Fragment嵌套使用存在的一些BUG以及解决方法
- Android_ScrollView中嵌套ListView显示不全的解决方法
- window系统下,PHP使用openssl扩展函数,返回false解决方法
- “System.ServiceModel.DomainServices.Client.DomainOperationException:查询"XXX"load操作失败,远程服务器返回了错误:NoFound.……”解决方法
- 基于Eclipse中SVN图标不显示的解决方法
- Android中fragment嵌套fragment问题解决方法
- 自定义返回按钮后,右滑返回功能失效解决方法
- 基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
- [转]关于在DataTable中执行DataTable.Select("条件")返回DataTable的解决方法
- ios7自定义返回按钮后,右滑返回功能失效解决方法
- POST方法传递参数,返回过期解决方法
- Volley返回乱码的解决方法
- Java调用Document.getElementById方法返回null的解决办法
- c++构造函数不能有返回类型错误提示?解决方法!
- Hibernate通过SQL查询常量时只能返回第一个字符的解决方法