如果值发生变化，则更改 dojo 树网格单元格的样式

Question

我所拥有的是一个树形网格，其中填充了来自 ajax 的值。每 30 秒就会刷新一次存储并显示新数据。

当树形网格单元的值与旧单元格不同时，我需要更改它的样式（颜色或背景颜色）。要求是通过 javascript 进行比较和样式设置。

关于如何做到这一点有什么想法吗？

Answer 1

您可以使用 dijit.Tree 的 getRowStyle 方法动态修改样式。每当需要渲染一行时就会调用它。

像这样的事情可能会帮助您开始：

(function(){ // closure for private variables

var previousValues = {};

var myTree = ... // lookup dijit.Tree via dijit.byId, or create

myTree.getRowStyle = function(item){
    var style = {};
    var itemId = myTree.store.getIdentity(item);
    var newValue = myTree.store.getValue(item, "MY_ITEM_VALUE");
    if(newValue !== null &&
            previousValues[itemId] !== null &&
            previousValues[itemId] !== newValue) {
        style.backgroundColor = "#0000FF";
        previousValues[itemId] = newValue;
    }
    return style;
};

})();

可能有更好的方法来跟踪以前的值，但由于您的商店正在发生变化，我真的想不出一种方法。