如何在Extjs中更改Treepanel中的訪問節點顏色，就像我們在html中所示的那樣

Question

我正在嘗試更改樹面板中訪問節點的顏色。我可以改變所選節點的顏色和樣式，並使用belw CSS做鼠標懸停：.x-grid-cell-inner-treecolumn：hover {}

.x-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 
}