帮你打开活字格更神奇的功能：八十八，表格内的公式互算

最近听到了很多的表格内公式互算的问题，今天咱以一个小例子，让大家了解一下怎么玩
先看一下问题描述哈
页面上有一个表，表格中有3列，分别是【单价】，【数量】，【总价】；我们希望用户任意输入2个值就能自动把第三个值计算出来
这样描述言简意赅，但是细细品味以后，我们需要将这个问题分解，在一点一点考虑，其实问题分解完了以后就是这样的

    新增时：

• 随便填写2个字段的值，第三个都能自动计算出来
  

修改时：

• 修改单价，总价变
• 修改总价，单价变
• 修改数量，没效果（这个我专门和几个大佬确定过，确实是这个需求，因为一般数量很少修改，大部分为单价和总价的修改）
  

清楚了问题以后，我想先给大家看一下期望效果
如下图所示

那么如何来解决问题呢？
活字格自带的功能确实没有，不过这个需要我们的代码来做了，能写代码基本等于万能
废话不多说了，先来一个代码吓吓人

1. // JavaScript source code
   
2. Forguncy.Page.ready(function () {
   
3. 
   
4.     var priceColIndex = 1;
   
5.     var countColIndex = 2;
   
6.     var totalColIndex = 3;
   
7.     var isSettingValue = false;
   
8. 
   
9.     var listview = Forguncy.Page.getListView("表格1");
   
10. 
    
11.     var updateCount = function (row) {
    
12.         var total = listview.getValue(row, totalColIndex);
    
13.         if (total == null) {
    
14.             return false
    
15.         }
    
16.         var price = listview.getValue(row, priceColIndex);
    
17.         if (price == null) {
    
18.             return false
    
19.         }
    
20. 
    
21.         var count = total / price;
    
22.         isSettingValue = true;
    
23.         listview.setValue(row, countColIndex, count);
    
24.         isSettingValue = false;
    
25. 
    
26.         return true;
    
27.     }
    
28. 
    
29.     var updatePrice = function (row) {
    
30.         var total = listview.getValue(row, totalColIndex);
    
31.         if (total == null) {
    
32.             return false
    
33.         }
    
34.         var count = listview.getValue(row, countColIndex);
    
35.         if (count == null) {
    
36.             return false
    
37.         }
    
38. 
    
39.         var price = total / count;
    
40.         isSettingValue = true;
    
41.         listview.setValue(row, priceColIndex, price);
    
42.         isSettingValue = false;
    
43. 
    
44.         return true;
    
45.     }
    
46. 
    
47.     var updateTotal = function (row) {
    
48.         var price = listview.getValue(row, priceColIndex);
    
49.         if (price == null) {
    
50.             return false
    
51.         }
    
52.         var count = listview.getValue(row, countColIndex);
    
53.         if (count == null) {
    
54.             return false
    
55.         }
    
56. 
    
57.         var total = price * count;
    
58.         isSettingValue = true;
    
59.         listview.setValue(row, totalColIndex, total);
    
60.         isSettingValue = false;
    
61. 
    
62.         return true;
    
63.     }
    
64. 
    
65.     listview.bind(Forguncy.ListViewEvents.ValueChanged, function (arg1, arg2) {
    
66.         if (isSettingValue) {
    
67.             return;
    
68.         }
    
69. 
    
70.         var row = arg2.CellRanges[0].Row;
    
71.         var col = arg2.CellRanges[0].Column;
    
72.         if (row >= 0 && col >= 0) {
    
73.             if (col === priceColIndex) {
    
74.                 if (!updateTotal(row)) {
    
75.                     updateCount(row);
    
76.                 }
    
77.             }
    
78.             else if (col === countColIndex) {
    
79.                 if (!updateTotal(row)) {
    
80.                     updatePrice(row);
    
81.                 }
    
82.             }
    
83.             else if (col === totalColIndex) {
    
84.                 if (!updatePrice(row)) {
    
85.                     updateCount(row);
    
86.                 }
    
87.             }
    
88.         }
    
89.     });
    
90. });

复制代码

把这个代码搞到页面的这个位置，就行了

这里是我的工程文件，你可以拿去玩玩
Document.fgcc (55.06 KB, 下载次数: 295)

2020-11-5 17:51 上传

点击文件名下载附件

如何举一反三呢？
大家的场景中，

• 可能表格中有很多的列，只是其中需要那么几列来计算
• 也可能表格的名字不是【表格1】
• 也可能不是一个A*B=C的计算逻辑
• .....
  

那么这些情况应该怎么处理呢？
那我来给大家大致的将一下这个代码中比较重要的点，也是大家需要灵活应变的点，这次来点一般人听不懂的，当然大神除外
代码重点第一处：

对于1：列序号

如果你的单价列是第5列，那么

对于3：表格的名字就是他了

对于2：这个机智的标识

1. var isSettingValue = false;

复制代码

其实，他是为了防止死循环，就是说不能出现更新了单价他顺带就会更新总价，但是总价变了又会反过来影响单价，这个是一个死循环啊,所以我们要做一个标识，我在修改的时候，我会把这个门关上，别人即使值修改了，也不能这个时候反影响，能我修改完了以后，我在把门看看
大致就是这样意思

代码重点2：计算方式如何修改?这次例子中的是：单价*数量=总价；那么万一我们的需求是：单价*（数量+1）=总价呢？
或者我们压根不是单价数量这几个的关系，而是长*宽*高=体积呢？
其实这里怎么算全部在这里控制
>如何执行更新

>更新的公式,如何加减乘除都在这里控制了（这里只是拿总价作为例子，其他的几个都一样类比）