【非BUG，这个问题有意思】Grid里的NumberBox数值有问题！

KK.Leung

当输入59时，按回车，很正常

当再次输入60时，这时还没按回车


当按回车时，60却变成60.0001了

1. @(F.Window()
   
2.         .Width(350)
   
3.         .WindowPosition(WindowPosition.GoldenSection)
   
4.         .EnableClose(false)
   
5.         .IsModal(false)
   
6.         .IsViewPort(true)
   
7.         .Title("测试")
   
8.         .ID("Window1")
   
9.         .Items(
   
10.             F.Grid()
    
11.                 .Title("BugTest")
    
12.                 .ID("BugTest")
    
13.                 .Height(500)
    
14.                 .Width(500)
    
15.                 .Listener("dataload", "onCreatRow")
    
16.                 .AllowCellEditing(true)
    
17.                 .ClicksToEdit(1)
    
18.                 .Columns(
    
19.                     F.RenderField()
    
20.                         .ColumnID("Price")
    
21.                         .HeaderText("单价")
    
22.                         .HeaderTextAlign(TextAlign.Center)
    
23.                         .Width(90)
    
24.                         .Editor(
    
25.                             F.NumberBox()
    
26.                                 .NoDecimal(false)
    
27.                                 .NoNegative(true)
    
28.                                 //.EnableRound(true)
    
29.                                 .DecimalPrecision(4)
    
30.                                 .ShowTrigger(false)
    
31.                                 .Required(true)
    
32.                         ),
    
33.                     F.RenderField()
    
34.                         .ColumnID("TaxPrice")
    
35.                         .HeaderText("含税单价")
    
36.                         .HeaderTextAlign(TextAlign.Center)
    
37.                         .Width(90)
    
38.                         .Editor(
    
39.                             F.NumberBox()
    
40.                                 .NoDecimal(false)
    
41.                                 .NoNegative(true)
    
42.                                 //.EnableRound(true)
    
43.                                 .DecimalPrecision(4)
    
44.                                 .ShowTrigger(false)
    
45.                                 .Required(true)
    
46.                         )
    
47.                         
    
48.                 )
    
49.                 .Listener("afteredit", "onCalculate")
    
50.         )
    
51.     )

复制代码

1. <script>
   
2.         function onCreatRow() {
   
3.             var records = [];
   
4.             for (var i = 0; i < 10; i++) {
   
5.                 records.push({
   
6.                     //'': ''
   
7.                 });
   
8.             }
   
9.             // 此过程禁止触发事件，防止 dataload 事件死循环
   
10.             F.noEvent(function () {
    
11.                 F.ui.BugTest.addNewRecords(records, true);
    
12.             });
    
13.         }
    
14. 
    
15.         function onCalculate(event, value, params) {
    
16.             var me = this, columnId = params.columnId, rowId = params.rowId;
    
17.             var Price = me.getCellValue(rowId, 'Price');
    
18.             var TaxPrice = me.getCellValue(rowId, 'TaxPrice');
    
19.             if (columnId === 'Price') {
    
20.                 TaxPrice = Price * (1 + 10 / 100);
    
21.                 me.updateCellValue(rowId, 'TaxPrice', TaxPrice.toFixed(4));
    
22.             }
    
23.             if (columnId === 'TaxPrice') {
    
24.                 Price = TaxPrice / (1 + 10 / 100);
    
25.                 me.updateCellValue(rowId, 'Price', Price.toFixed(4));
    
26.             }
    
27.         }
    
28. 
    
29.     </script>

复制代码

KK.Leung

后来我在Js中加了标志

1. function onCalculate(event, value, params) {
   
2.             var me = this, columnId = params.columnId, rowId = params.rowId;
   
3.             var Price = me.getCellValue(rowId, 'Price');
   
4.             var TaxPrice = me.getCellValue(rowId, 'TaxPrice');
   
5.             if (columnId === 'Price') {
   
6.                 TaxPrice = Price * (1 + 10 / 100);
   
7.                 me.updateCellValue(rowId, 'TaxPrice', TaxPrice.toFixed(4));
   
8.                 console.log("This is Price");
   
9.             }
   
10.             if (columnId === 'TaxPrice') {
    
11.                 Price = TaxPrice / (1 + 10 / 100);
    
12.                 me.updateCellValue(rowId, 'Price', Price.toFixed(4));
    
13.                 console.log("This is TaxPrice");
    
14.             }
    
15.         }

复制代码

却发现afteredit，这个事件，会触发三次

sanshi

请上传完整空项目工程，或者发到：2877408506@qq.com

sanshi

首先确认一点，这个不是 FineUIMvc 的BUG，而是自己注册的 .Listener("afteredit", "onCalculate") 中处理的问题。

这个地方有点意思，我们来分析一下：
1. 在【含税单价】中输入数字 60，然后失去焦点，会触发  afteredit 事件：


2. 在 afteredit 中，判断 columnId == TaxPrice，会调用 updateCellValue 更新【单价】单元格的值：


3. 这是问题来了，调用updateCellValue 时同样会触发 afteredit 事件，此时 columnId == Price，此时计算的结果是 6.0001：


4. 由于【含税单价】值从 60 改为了 60.0001，所以会再次触发 afteredit 事件，只不过此时计算的【单价】和之前相同，所以不会再次触发 afteredit 事件了。

在整个过程中，修改一次 【含税单价】，其实 afteredit 事件触发了 3 次！！这应该是之前没想到的吧。如果每次改变的值都不同，这将会是一个死循环。

---

解决办法也很简单，用 F.noEvent 将对 updateCellValue 的调用包含起来：

1. function onCalculate(event, value, params) {
   
2.             var me = this, columnId = params.columnId, rowId = params.rowId;
   
3.             var Price = me.getCellValue(rowId, 'Price');
   
4.             var TaxPrice = me.getCellValue(rowId, 'TaxPrice');
   
5.             if (columnId === 'Price') {
   
6.                 TaxPrice = Price * (1 + 10 / 100);
   
7.                 F.noEvent(function () {
   
8.                     me.updateCellValue(rowId, 'TaxPrice', TaxPrice.toFixed(4));
   
9.                     console.log("This is Price");
   
10.                 });
    
11.             }
    
12.             if (columnId === 'TaxPrice') {
    
13.                 Price = TaxPrice / (1 + 10 / 100);
    
14.                 F.noEvent(function () {
    
15.                     me.updateCellValue(rowId, 'Price', Price.toFixed(4));
    
16.                     console.log("This is TaxPrice");
    
17.                 });
    
18.             }
    
19.         }

复制代码

其实，官网示例已经有现成了例子：http://fineui.com/demo_mvc#/demo ... /UpdateCellValueTax

KK.Leung

原来如此，感谢30大大的帮助~