使用layui搭建后台管理平台的时候,遇到的一个问题,layui官方文档写的(以下内容),statusCode是数字形式,code要求传入数字
table.render({
elem: '#demp'
,url: ''
,response: {
statusName: 'status' //规定数据状态的字段名称,默认:code
,statusCode: 200 //规定成功的状态码,默认:0
,msgName: 'hint' //规定状态信息的字段名称,默认:msg
,countName: 'total' //规定数据总数的字段名称,默认:count
,dataName: 'rows' //规定数据列表的字段名称,默认:data
}
//,…… //其他参数
});
但是我们的后台写接口的时候没有code这个字段,只有success字段,传入的是true和false,我之前是直接把statusCode: 200改为statusCode: true,但是还是不起作用,思考了很久,因为我脑子比较笨,所有的笨方法也是一次一次慢慢实践出来,才有下面的结果,最终效果如下:
table.render({
elem: '#tableList',
url: 'xxx',
where: {},
response: {
statusCode: true //规定成功的状态码,默认:0
},
request: {
limitName: 'pageSize' //每页数据量的参数名,默认:limit
},
cellMinWidth: 150, //全局定义常规单元格的最小宽度,layui 2.2.1 新增
parseData: function(res){ //res 即为原始返回的数据
return {
"count": res.totalCount, //解析数据长度
"data": res.datas, //解析数据列表
"code": res.success, //解析接口状态
"msg": res.successInfo //解析提示文本
};
},
page:true,
cols: [[{type: 'numbers',title: 'ID',sort: true,width: 48}]]
});
看到这篇文档的人可能会觉得我是真的笨,无所谓了,反正就是给大家做下参考