填报表中自动计算单元格显示格式的设置
填报表中的自动计算功能有很广泛的应用。用户在页面的某些单元格中填报数据,然后另外的单元格根据填入的数据自动计算得到相应的数据。但是这个自动计算得到的数据在用普通的显示格式设置的时候却发现设置无效,这里就需要使用JavaScript函数对其进行单独设置。
首先看一个例子报表3.9.raq。
将”总运货费”设置显示格式为¥#.#,设置方法如下图:
设计1.png" height="308" />
发布预览发现:”总运货费”一列显示格式没有达到格式显示的效果。说明显示格式对自动计算单元格不起作用。
如果想对计算出来的数据设置格式就只能通过在自动计算中直接使用函数来限制了。下面分别介绍通过两个JavaScript函数达到格式设定效果。
第一种方法使用toFixed()函数实现。
JavaScript中toFixed()函数方法返回一个以定点表示法表示的数字的字符串形式。说明:toFixed(n),n为指定的小数位数。按照要求保留整数,这里括弧内用0,如果要保留一位数字,括弧内写1, 依次内退就可以根据需求限制小数位数。同时为了显示人民币符号,toFixed()函数前加”¥”。
具体设置如下图:
保存、发布到网页可以看到效果:
第二种方法使用Math.round()函数
Math.round(number)必选项number参数是要舍入到最接近整数的值。
说明:如果number的小数部分大于等于0.5,返回值是大于number的最小整数。否则,round 返回小于等于number 的最大整数。
在下面的例子中,我们要求保留小数点后一位。通过如下图中的表达式实现需求。与toFixed()函数类似,加入”¥”。
具体设置如下图:
保存发布到页面可以得到如下效果:
最后以toFixed()函数为例子介绍一下,如何显示百分比。
下面以一个简单的填报表的例子,显示各个班的党员比例,要求用百分数表示,精确到小数点后两位。
在D2、D3单元格中分别使用自动计算,具体设置如下图:
发布到网页填入数据的效果如下图:
总之,快逸报表的填报中可以在自动计算里使用各种JavaScript函数,对计算格式的修饰只是其中一个。灵活运用JavaScript函数可以进一步满足不同的需求。