前段框架layui中的table的dataName嵌套读取问题

本文探讨了layui框架中table组件在处理后端返回的嵌套数据时遇到的问题。当后端返回的数据结构如`data.authUserList.list`时,layui默认的dataName配置无法正确获取数据。通过分析layui源码,发现其只支持单一变量。为解决这个问题,提出了两种解决方案:一是调整后端返回的数据结构,二是自定义layui的table.js来支持嵌套变量的解析。通过修改源码并引入新的解析函数,成功实现了对嵌套数据的正确获取。
摘要由CSDN通过智能技术生成

问题描述

layui在渲染一个table的时候,需要传递一些参数,参数之一是response,它的官方说明如下

当后端返回的参数是

{
  status: 200,
  hint: "",
  total: 1000,
  rows: []
} 

我们应该这样定义

response: {
  statusName: 'status' //数据状态的字段名称,默认:code
  ,statusCode: 200 //成功的状态码,默认:0
  ,msgName: 'hint' //状态信息的字段名称,默认:msg
  ,countName: 'total' //数据总数的字段名称,默认:count
  ,dataName: 'rows' //数据列表的字段名称,默认:data
}      
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值