EXTJS: изменить цвет узла

Question

Мне нужно иметь возможность изменять цвет узла в древовидной панели. Я думал, что это будет довольно просто, но у меня чертовски много времени, чтобы найти что-нибудь.

Спасибо

Answer 1

конечно, через 5 минут после того, как я спрашиваю, я нахожу решение ....

Он работает без удаления текущего класса, но я оставил строку там только потому, что не знаю, может ли это вызвать проблемы позже, если его там нет.

<style>
.RedText a span
{
color: Red;
}
</style>

var currentClass = opNode.attributes.cls;
opNode.ui.removeClass(currentClass);
opNode.ui.addClass('RedText');
opNode.attributes.cls = 'RedText';

Answer 2

это не сработало для меня.Я хотел изменить стиль двойного щелчка treeNode.Вот мое решение с extjs 4.2:

…

CSS

.treeNode-selected {
  font-weight: bold;
}

js, например, привязка события itemdblclick

onFilterTreeItemDblClick: function(dataview, record, item, index, e, eOpts) {
    var me = this;
    this.store.getRootNode().cascadeBy(function(node) {
      // if your root node is not visible
      if (node.getId() === "root") { return; }
      var nodeView = me.getView().getNodeById(node.getId());
      var td = nodeView.childNodes[0];
      if (node.getId() === record.getId()) {
         td.classList.add("treeNode-selected");
      } else {
          td.classList.remove("treeNode-selected");
      }
    }
}

Надеюсь, это когда-нибудь спасет.