如何将自定义渲染动态添加到extjs树中的树节点？

Question

我希望在选择树中的某个节点时，动态地向该节点添加一些自定义渲染（可能是一个边框，也可能是一些颜色更改）。

我试过这个：

itemclick: function(dv, record, item, index, e) {

   item.renderer = function(value, record){
      return Ext.String.format('<div class="tree-font">{0}</div>', value);
   }
}

但它似乎不起作用。

我还希望渲染器是可添加的（或链接的）。我已经在节点上进行了类似图标的渲染，因此新的渲染器应该与其他渲染器互补。不确定extjs是否可以做到这一点？

Answer 1

为什么不借助css实现这一点呢？当我们选择一行时，Extjs会将“x-grid-row-selected”添加到tr中。

CSS：

.x-grid-row-selected .x-grid-cell-inner {
    background: gray !important
}

如果你的网格有选择模型作为细胞模型，那么你可以使用css做你想做的：

.x-grid-cell-selected .x-grid-cell-inner {
    bacground: red !important
}

Answer 2

试试这个

listeners: {
    itemclick: function(dv, record, item, index, e) {
        item.style.color="RED"; 
        //or use classList
        item.classList.add("tree-font");
    }
}