ExtJS：如何防止 GridPanel 中的数字列总和超过给定的最大值？

Question

我有一个只有两列的 GridPanel：名称和佣金百分比。所有百分比的总和不应超过预定的最大值（假设 25% 的销售额可供争夺）。

Name          Commission
Bob           10%
Sally         15%

(Maximum is 25%)
Everything is fine.

我已附加一个自定义验证器（请参阅“validator”）到 NumberField 编辑器，它非常适合单个值的复杂逻辑，并且我可以轻松地总结数据存储中数字列的所有值。但问题在于将两者结合起来；直到成功验证后，新值才会被推送到存储，并且自定义验证器仅给出有问题的当前值，而没有关于涉及哪一行的上下文（我可以用它减去旧值，并且在总数中使用这个新值）。

如何让该验证器以确保新输入的值不会使总和超过最大值的方式工作？

Name          Commission
Bob           10%
Sally         16% (Invalid!  Total commissions must not exceed 25%)

(Maximum is 25%)

Answer 1

在将已更改元素保存到数据库之前，您需要提取已更改元素的脏值。事后验证干净值是没有意义的。

有关 ExtJS 中数据存储的信息，请参阅此处：

http://www.fusioncube.net/index.php/managing-dirty-rows-in-a-sencha-extjs-editorgridpanel

您可以使用诸如 field.originalValue 和 field.getRawValue() 获取数据存储并查看差异。

Answer 2

我并没有完全使用 js1568 的答案，因为我想在输入错误值时阻止它们；甚至在 AfterEdit 事件触发并且该行被标记为脏之前，并且在写入数据库之前很久。但是该链接确实通过使用网格的选择模型启发了我。所以，我的快速小解决方案：

因为 NumberField 不会将任何上下文传递给自定义验证器（除了当前值），所以使用 field.originalValue 会很棒，但是嘿，生活很艰难。

但由于编辑一行首先需要选择该行（并且通过该网格的 RowSelectionModel 设置为 SingleSelect 来强化），我知道正在编辑的行必须是唯一的元素在grid.selModel.selections.items[]中。从那里开始，只需

var newTotal = TotalCommissionPercentagesInGrid() – oldValue + newValue;

将 oldValue 设为 grid.selModel.selections.items[0].data.CommissionPercentage 并将 newValue 设为从 NumberField 传递到验证器函数的值。

return ( newTotal <= percentageAvailable ) ? true : "No dice.";

很不错。