对于layui的table插件无法多层级获取json数据的解决方法

最新推荐文章于 2024-09-02 15:00:00 发布

weixin_42853424

最新推荐文章于 2024-09-02 15:00:00 发布

阅读量5k

点赞数 1

文章标签： js layui table

本文链接：https://blog.csdn.net/weixin_42853424/article/details/81331094

版权

本文介绍了layui的table插件在遇到多层级JSON数据时无法正常显示的问题，提供了三种解决方法，包括修改后台返回数据格式、前端处理数据以及在table源文件中进行修改。详细讨论了每种方法的优缺点，并给出了具体实现代码示例，特别是通过修改table源文件的M.prototype.page方法来处理多层级数据。

摘要由CSDN通过智能技术生成

对于layui的table插件无法多层级获取json数据的解决方法,版本：2.2.6

根据官方文档你接口返回的数据格式，遵循 response 对应的字段名称。默认的格式为如下：

{
code: 0,//数据状态的字段名称，默认：code
msg: “”, //状态信息的字段名称，默认：msg
count: 1000,//数据总数的字段名称，默认：count
data: []//数据列表的字段名称，默认：data
}

那么当后台返回的数据为如下格式时：就无法直接获取到“list”和“total”了

{“status”:0,
“msg”:”超级管理员查询成功”,
“data”:{
“pageNum”:1,
“pageSize”:10,
“size”:2,
“total”:2,
“list”:[
{“phone”:”13713596448”,”username”:”旺”,”passwd”:”1”,”usegrant”:”0”,”leader”:”“,”chancecount”:”1000”,”createtime”:1528369281000,”updatetime”:1528369285000,”usecount”:”0”},
{“phone”:”18038060732”,”username”:”彬”,”passwd”:”1”,”usegrant”:”0”,”leader”:”“,”chancecount”:”100”,”createtime”:1528422270000,”updatetime”:1528422270000,”usecount”:”0”} <