[编程笔记] EasyUI显示分组合计行
我们常会有下面这种需求:
表格的底部显示合计,项目用的是EasyUI,实现起来很简单,datagrid初始化时设置showFooter为true,然后后端返回rows时,再同级返回一个footer,比如这种结构:
哪一列需要合计,footer就返回对应的列名,以及对应的值。
不过我遇到一个奇怪的bug,第一张图圈中的三个列分别是:0.00、(空)、40.00,项目里,有的列不需要合计,正常来讲,footer不返回那个列就行了,前端EasyUI就不会再渲染这个列的合计。
但是并非如此,第一个圈中的0.00就是bug,后端不返回这个列的合计了,底部还显示0.00,显然不合理,应该像右侧一样显示(空)。
对比了一下区别后,发现这个金额列,用了公共方法formatAmount,里面默认返回了0.00,影响合计行了。
处理方案:
1、基类JS新增一个方法,默认返回(空)
2、这个不显示合计的金额列使用新增的方法
这样就完成了这个页面的需求,同时不影响其他使用formatAmount的地方。金额列一般是要合计并默认值0.00的,只是当前这种场景不需要0.00,复测了一下,并不影响明细里的显示,明细里还是0.00,是OK的,底部合计不显示0.00就可以了。
项目里脚本封装得太狠了,EasyUI的官方文档写得又潦草,网上的笔记也不多,真的是很无语辣。写点笔记方便以后查阅吧。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
2020-11-20 懒得找,存个笔记:easyui combogrid 下拉+关键字搜索
2017-11-20 DOM节点左右移动