我有一个 Handsontable，我正在以编程方式对其进行更改。是否可以突出显示在固定时间段内发生变化的单元格？
编辑：例如对于数字字段，如果新值高于旧值，我希望能够以绿色突出显示单元格，而在相反情况下以红色突出显示。然后在短时间内让突出显示消失。
【问题讨论】：
标签： handsontable
您似乎想要做的是将customRenderer 添加到您的单元格并对其进行一些自定义验证。我建议您阅读这两个主题，因为文档中有大量信息可以帮助您了解如何进行红/绿渲染。对于定时方面，这是一个简单的 JS 逻辑，可以如下：
实际上，您不应该同时拥有数千个这样的解决方案，但即便如此，这个解决方案也应该可以正常工作，而且效率很高。我们要做的是创建一个地图来存储经过验证的单元格。渲染时，只有当单元格在地图中时，您才会检查此地图和颜色。我们将使用mpusarla 的回答来实现部分行为。
逻辑
将var validatedCells = {} 定义为已验证单元格的地图，其中坐标为键，颜色为值。
首先创建您的验证回调。在这里，确保在必要时从validatedCells 添加/删除单元格。现在，您的自定义渲染器应该使用此地图根据验证的值将颜色变为绿色/红色。应该是这样的：
var possibleColor = validatedCells[[row,col]];
if (possibleColor) {
td.style['background-color'] = possibleColor;
}
这对于仅进行着色就足够了。现在对于超时，您应该在验证器在validatedCells 中设置一个单元格后立即创建一个超时以在一段时间后删除该值：
validatedCells[[row,col]] = 'green';
setTimeout(function() {
delete validatedCells[[row,col]];
}, 1000); // deletes it after 1000 millisecs
应该是这样的！
【讨论】：
为 afterChange 实现一个处理程序。在 afterChange 处理程序中，您将可以访问实例、行号、列号、旧值和新值。
您可以使用以下方法获取单元格元素 (td)：
var td = $(hotInstance.getCell(row, column, false);
获得 td 后，您可以尝试使用颜色编码执行 setTimeout。
【讨论】：