layui table 解决从后台传入数据为二维数组模式,即带有子类的数据格式

目录

  • 后台传入的格式
  • 前台处理
  • 效果

后台传入的格式

layui table 解决从后台传入数据为二维数组模式,即带有子类的数据格式_第1张图片

前台处理

,response:{
                statusName: 'code' //数据状态的字段名称,默认:code
                ,statusCode: 200 //成功的状态码,默认:0
                ,countName: 'totals' //数据总数的字段名称,默认:count
                ,dataName: 'list' //数据列表的字段名称,默认:data
            }
            ,parseData: function(res){ //res 即为原始返回的数据
                console.log(res);
                return {
                    "code":res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "totals": res.totals, //解析数据长度
                    "list": res.list //解析数据列表
                };
            }
            ,cols: [[ //表头
                {field: 'users', title: '上次登录IP',sort: true,templet:function(d){return d.users.lastLoginIp} }
                ,{field: 'users', title: '角色',sort: true,templet:function(d){return d.users.role}}
            ]]

效果

layui table 解决从后台传入数据为二维数组模式,即带有子类的数据格式_第2张图片

你可能感兴趣的:(JAVA学习之天天向上)