ExtJS 6.0.2：如何强制自定义进度条网格列在排序时更新

Question

在我正在处理的代码中，有一个网格，其中有一列使用自定义的进度条表示来自商店的两个字段的数据。进度是根据其他两个字段计算的，并以“x / y”等格式在进度条上显示为文本。

我的问题是，当网格被重新使用，并且对于某些或所有行的 x 和 y 值相等（即进度为 100%）时，进度列不会正确更新；处于 100% 的进度条不会随其各自的行移动，和/或进度条在排序后似乎重复或丢失。请注意，如果一个或多个行的进度为 0，或者 2 个或多个行的进度相同，但用于计算相应行的进度的值不同的任何其他情况，也会发生这种情况。

这是一个说明问题的小提琴：https ://fiddle.sencha.com/#view/editor&fiddle/35c5

是否有某种方法可以在对网格进行排序时强制重新呈现整个进度列，而不仅仅是计算进度值发生变化的那些，以便所有进度条始终显示正确？

Answer 1

我设法通过从每个计算值中减去一个小的随机量（在 0（不包括）到 10e-8（包括）的范围内）（或在值为 0 的地方添加它）来解决这个问题。（由于两个贡献值都为 0，因此将值设置为 0，则不会添加随机值，因为在这种情况下没有必要。）这确保了网格中的每个值都是不同的，因此将遵循其各自的值行的顺序由于排序或更新而改变时的行。