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

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 在使用layui数据表格的时候,有一个列是使用templet,依据其他两个列数据计算得到。 在该列开启合计行,一直显示是0 。其他两列数据合计正常。 在社区和百度上寻找过答案,并没有相关介绍。 在解决了该问题后,写下这篇小记录。

写在前面


在使用layui数据表格的时候,有一个列是使用templet,依据其他两个列数据计算得到。 在该列开启合计行,一直显示是0 。其他两列数据合计正常。 在社区和百度上寻找过答案,并没有相关介绍。 在解决了该问题后,写下这篇小记录。


parseData


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


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


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


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 或者直接就在接口里计算好返回。

目录
相关文章
|
JavaScript Java 数据格式
Layui数据表格(table)前后台交互
Layui数据表格(table)前后台交互
579 0
layUI数据表格可编辑扩展下拉框
layUI数据表格可编辑扩展下拉框
197 0
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
373 0
|
7月前
|
JSON 前端开发 JavaScript
layui-数据表格的实现
`layui`是一个前端UI框架,本文档介绍了如何使用layui创建数据表格。首先展示了三张截图来预览效果,接着讲解了下载layui资源包并导入到项目中的步骤。然后,在新建的web项目中引入layui的CSS和JS文件。文档提供了模拟的JSON数据来展示表格内容。接下来,详细说明了数据表格的实现,包括注意事项和代码实现,强调了`table`标签的`id`与`script`中`elem`的匹配。此外,文档还涵盖了监听头部工具栏和工具条事件的方法,并展示了弹出层的实现,用于添加和编辑表格数据。最后,给出了完整的HTML源码示例。
123 0
|
数据格式
layui数据表格
layui数据表格
57 0
|
JavaScript
layUI数据表格可编辑扩展日期框
layUI数据表格可编辑扩展日期框
121 0
|
JSON JavaScript 前端开发
79jqGrid - 行列总计
79jqGrid - 行列总计
42 0
SPA项目之主页面--数据表格的增删改查
SPA项目之主页面--数据表格的增删改查
48 0