Как изменить цвет посещенных узлов в Treepanel в Extjs, как в html

Question

Я пытаюсь изменить цвет посещенного узла в панели дерева. Я могу изменить цвет и стиль выбранного узла и при наведении курсора мыши на CSS: .x-grid-cell-inner-treecolumn: hover {}

. ×-grid-row-selected .x- grid-cell-inner-treecolumn

Можно ли мне помочь мне изменить цвет посещенных узлов, как в html-ссылке. Любые мысли об этом были бы высоко оценены. Заранее спасибо за помощь.

Answer 1

Я могу дать вам представление, но не окончательная реализация.

Что вам нужно дополнительное логическое поле в магазине, в котором хранятся ли посещали узел или нет:

name:"hasBeenVisited", 
type:"bool", 
defaultValue:false, 
persist:false 

В сетке, вам нужна модель RowModel выбора и должны связываться с выбрать событие этой модели выбора и сказать, что запись его посетили:

select:function(selModel, record) { 
    record.set("hasBeenVisited",true); 
} 

В сетке, можно добавить функцию getRowClass:

viewConfig:{ 
    getRowClass:function(record) { 
     return record.get("hasBeenVisited")?"hasBeenVisitedCls":""; 
    } 
} 

, а затем вы должны добавить в свой CSS специальный цвет:

.hasBeenVisitedCls .x-grid-cell-inner-treecolumn { 
    color:purple 
}