layui------关于table表格返回数据处理格式parseData参数的总结
主要参数//“方法...
·
主要参数
//“方法级渲染”配置方式
table.render({ //其它参数在此省略
url: '/api/data/'
//where: {token: 'sasasas', id: 123} //如果无需传递额外参数,可不加该参数
//method: 'post' //如果无需自定义HTTP类型,可不加该参数
//request: {} //如果无需自定义请求参数,可不加该参数
//response: {} //如果无需自定义数据响应名称,可不加该参数
});
等价于(“自动化渲染”配置方式)
<table class="layui-table" lay-data="{url:'/api/data/'}" lay-filter="test"> …… </table>
代码展示:
--------------------------------
主要代码:
parseData:function(res) {
let data = res.data
return {
"code" : res.status, // 注意返回正确的状态码是0
"msg" : res.msg,
"count" : res.total,
"data": data.list // 格式: [{name:cocoli,age:21},{name:licy,age:60}]
}
},
---------------------------------------------------------------
table.render({
elem: '#cbitable',
id: 'demoFin',
height: 312,
url: '/BonusSettlement/findByIdBonusDistributionDetails/' + $proId, //数据接口
cellMinWidth: 80,
parseData:function(res) {
let data = res.data
return {
"code" : res.status, // 注意返回正确的状态码是0
"msg" : res.msg,
"count" : res.total,
"data": data.list // 格式: [{name:cocoli,age:21},{name:licy,age:60}]
}
},
cols: [[ //表头
// {type: 'checkbox'},
{
field: 'id',
templet: '#tableId',
align: 'center',
title: '编号',
style: 'background-color: #f2f2f2;'
},
{
field: 'bonusRemarks',
title: '备注',
edit: 'text'
}
]],
done:function(a,b,c){
}
});
更多推荐



所有评论(0)