ITPub博客

首页 > 应用开发 > Html/css > layui 借助 parseData 回调函数解析table 组件所规定的数据格式

layui 借助 parseData 回调函数解析table 组件所规定的数据格式

原创 Html/css 作者:yikehulian01 时间:2020-10-21 16:18:41 0 删除 编辑

table表数据内容操作,有时后台返回的数据格式不是所需要的数据格式,在layui table中需要自己定义所需要的数据格式;

 

举个例子:代码实现如下:

table.render({
elem: '#itemslist',
url:'XXXXXXXXX',
id:'itemslist',
title: '关联客户信息',
where:where,
page:false,
cols: [[
{field: 'name', title: '客户', minWidth: 210,width: 180,height:60, align: 'left'},
{field: 'total', title: '数量', minWidth: 120,width: 140,align: 'left'},
{field: 'unit_name', title: '商品单位', minWidth: 120,width: 160,align: 'left'},
{field: 'address', title: '地址', minWidth: 120,width: 260,align: 'left'},
{field: 'remark', title: '备注', minWidth: 120, align: 'left'},
]],
parseData: function(res){ //res 即为原始返回的数据
return {
"code": res.code, //解析接口状态
"msg": res.msg, //解析提示文本
"count": res.data.items.length, //解析数据长度
"data": res.data.items //解析数据列表
};
},
done:function (res, curr, count) {
var info = res.data.Order;
if(info.item_title){
$("#item_title").html(info.item_title);
}
}
});

layui这个项目是一个非常棒的项目,让后端人员也能做出好看的页面,简单实用,有需要的可以好好学习一下、

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69985427/viewspace-2728500/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
搭建专属的移动订货商城 免费使用

注册时间:2020-10-14

  • 博文量
    57
  • 访问量
    55707