前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Layui数据表格templet的数据无法合计

Layui数据表格templet的数据无法合计

作者头像
宣言言言
发布2019-12-15 21:55:22
2.3K0
发布2019-12-15 21:55:22
举报
文章被收录于专栏:宣言(Siam)博客宣言(Siam)博客

写在前面

在使用layui数据表格的时候,有一个列是使用templet,依据其他两个列数据计算得到。

在该列开启合计行,一直显示是0 。其他两列数据合计正常。

在社区和百度上寻找过答案,并没有相关介绍。

在解决了该问题后,写下这篇小记录。

parseData

配置中提供了parseData方法,可以在请求了接口之后,进一步处理数据格式。

以下是官网的示例

代码语言:javascript
复制
table.render({
  elem: '#demp'
  ,url: ''
  ,parseData: function(res){ //res 即为原始返回的数据
    return {
      "code": res.status, //解析接口状态
      "msg": res.message, //解析提示文本
      "count": res.total, //解析数据长度
      "data": res.data.item //解析数据列表
    };
  }
  //,…… //其他参数
});

以上的场景,应该在parseData里计算出新的列,然后再渲染到表格里

代码语言:javascript
复制
let data = [];
$.each(obj.data, function (index, item) {
    let tem = {
        game_diffcoins: item.game_hardcoins - item.game_coin,
        game_diffjifen: item.game_hardjifen - item.game_jifen,
    };
    data.push($.extend(tem, item))
});
obj.data = data;

个人理解

templet 应该用来实现样式的调整,比如根据值的不同显示不同颜色

而数据的计算 得出,应该在parseData 或者直接就在接口里计算好返回。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.08.09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 写在前面
  • parseData
  • 个人理解
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档