html5图表FineReport填报应用之 自动计算

html5图表FineReport填报应用之 自动计算

1. 问题描述
自动计算,是指根据用户录入的某些单元格的值,自动计算出另外一些单元格的值,从而简化用户的输入,同时避免错误数据的录入。
2. 自动计算原理
设置了公式自动计算的单元格,公式会保存为单元格的属性属性名为fm),填报时相关单元格值修改后,页面会通过js寻找需要自动计算的单元格,告诉报表服务器,服务器根据公式计算出结果后再返回给页面
填报设置自动计算后,公式进行计算时会与服务器进行交互,计算过程是由后台服务器进行的,正因如此, 自动计算一定程度上影响了填报效率,若用户不需要自动计算,尽量不设置自动计算以提高填报效率
3. 示例
3.1 打开报表
打开报表 %FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm2.cpt
3.2 自动计算设置
在模板中添加一列根据库存量与订购量及再订购量计算出相差数量,来观察是否需要补货,公式 =H3-I3-J3,如下图:

双击相差数量的公式,弹出公式编辑器,可以看到认勾选 填报/分析时>保留公式用于计算自动计算:

若不希望进行自动计算,不选该选项即可。
注:添加行时的自动计算。在填报自动计算时,如果需要添加行,设置了添加行按钮,则需要通过 单元格属性>其他属性>插入行策略 设置公式所在行的插入行策略,选择原值,详细请查看插入行策略。
3.3 效果查看
保存模板,点击 填报预览效果如下:

设置自动计算后,修改将库存量、订购量以及再订购量的值,自动计算出相差数量的值,如下图:

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码