知识库

推荐内容

快逸做的更好

产品优势

您的位置: 首页 > 报表技术分享 > 快逸报表JavaScript实现自动计算

快逸报表JavaScript实现自动计算

自动计算是润乾报表提供的方便用户在录入数据后自动计算某些单元格的值的一种方法,这样做即加快了填报数据的速度,同时也降低录入的错误率,在很大程度上简化了报表制作。但是有些时候,用户希望自动计算的值不仅仅用来看这么简单,还希望当这个值在不合理范围内时可以修改。但是润乾报表目前的机制是自动计算的值不可以修改,即使单元格获取到光标,把那个数字改了,当单元格失去焦点时,这个值还会自动改成自动计算的值。

既然自带的自动计算实现不了这个需求,那我们可以换个思路,用js绑定单元格的值,只要单元格的值发生改变,就获取这个值,按照自己的计算逻辑计算这个值然后重新填写到一个新的单元格里,这样就实现了自动计算的效果,并且这个值在web端还可以改成别的,但是只要被绑定的单元格的值发生改变,这个新值就又会变成自动计算的值。本文简单介绍一下如何实现这个功能。

第一步:制作报表;

 

如图所示,C1单元格为自动计算后回填的单元格。

第二步:写JavaScript实现自动计算及回填;

 

如图所示:cell.id.substr(8,1)==”A”判断当A列的值发生改变时,用B列里的值与当前的值相加并赋给一个新变量newValue,然后将这个新值回填到C列里,B列原理同A列。

效果如图所示:

 

 

如图所示:将A1单元格里的1改成13,A1失去焦点后,C1的值就变成A1+B1的值。同时,C1里的值也可以随意修改,如图所示:

 

这样,就既实现了自动计算又实现了可以修改自动计算的值。

本文标签: