layui 解析任意数据格式及自定义参数分页

table.render渲染表格时,后台返回的数据格式并不符合 table 组件默认规定的数据格式,但从 layui 2.4.0 开始,新增的 parseData 回调可以将原始的任意格式的数据重新解析成 table 组件规定的数据格式

直接上部分代码,其他参数省略

 table.render({
        parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
          return {
            "code": res.code, //返回状态码
            "msg": res.message, //解析提示信息
            "count": res.data.Count, //后台返回的数据总条数,用于自定义分页使用
            "data": res.data.anyData //解析数据列表
          };
        },
     })

后端数据返回数据格式举例

{
  "code": "200",
  "message": "success",
  "data": {
    "anyData ": [
      {
        "name": "zhangsan",
        "age": 12
      }
    ],
    "Count": 1
  }
}

分页

layui 默认分页参数是limit和page,为了方便后端直接定义这个参数名即可,但是遇到不一致时,可如下配置

 page: true, //开启分页
 request: {
     pageName: 'pageNo', // page
     limitName: 'pageSize' // limit
 },

经过上面2步,就实现任意数据格式和任意分页参数名
官网文档链接 https://www.layui.com/doc/

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值