填报表中自动计算单元格显示格式的设置

填报表中的自动计算功能有很广泛的应用。用户在页面的某些单元格中填报数据,然后另外的单元格根据填入的数据自动计算得到相应的数据。自动计算得到的数据,用普通的显示格式设置的时候,发现设置无效,需要通过使用JavaScript函数对其进行单独设置。

首先下图这个填报表模板,总运货费字段是根据输入的货物数量计算得来的。

报表模板.png

将”总运货费”设置显示格式为¥#.#,设置方法如下图。

显示格式设置.png

发布预览发现:”总运货费”一列显示格式并非格式显示设置的样式。如下图所示。说明显示格式对自动计算单元格不起作用。

预览1.png

下面使用函数来实现对计算出来的数据格式的设置。本文分别介绍两个JavaScript函数达到格式设定效果。

一、使用toFixed()函数实现。

JavaScript中toFixed()函数方法返回一个以定点表示法表示的数字的字符串形式。说明:toFixed(n),n为指定的小数位数。若要求保留整数,则括弧内用0;若要保留一位数字,括弧内写1;依次类推就可以根据需求限制小数位数。同时为了显示人民币符号,toFixed()函数前加”¥”。

选择I2单元格,右键选择填报属性,在自动计算对话框中输入:”¥”+${F2*H2}.toFixed(0)。具体设置如下图。

自动计算1.png

发布到web预览效果如下图所示。

预览2.png

二、使用Math.round()函数。

Math.round(number)必选项number参数是要舍入到最接近整数的值。说明:如果number的小数部分大于等于0.5,返回值是大于number的最小整数;否则返回小于等于 number 的最大整数。

在下面的例子中,我们要求保留小数点后一位。选择I2单元格,右键选择填报属性,在自动计算对话框输入:”¥”+Math.round(${F2*H2}*10)/10。具体设置如下图所示。

自动计算2.png

发布到web预览效果如下图所示。

预览3.png

以上两种JavaScript函数均达到了设计预期的效果。润乾报表设计器中设计了许多的内置JS函数,用户可在设计填报表示在自动计算里使用各种JavaScript函数,对自动计算单元格格式的修饰只是其中一个应用。用户若能掌握并灵活运用JavaScript函数,将对报表设计工作起到很大的帮助。

引自:润乾报表知识库
原文链接:填报表中自动计算单元格显示格式的设置 
相关文章:如何实现填报表不同单元格的自动关联填充运用参数传递实现查询参数下拉菜单多选通过填报监听类获取行式填报表的填报数据灵活的填报表校验–使用正则表达式校验

其他相关内容: 润乾 ; 商业智能BI联盟 报表软件Java报表商业智能解决方案web报表的扩展功能

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值