javascript - 如何在 Extjs 中更改 Treepanel 中访问的节点颜色，就像我们在 html 中一样

Question

我正在尝试更改树面板中访问节点的颜色。我可以使用以下 CSS 更改所选节点的颜色和样式以及进行鼠标悬停: .x-grid-cell-inner-treecolumn:hover { }

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

任何人都可以帮助我如何更改访问的节点颜色，就像我们在 html 链接中所做的那样。

Answer 1

我可以给你一个想法，但没有最终的实现。

你需要的是store中额外的一个boolean字段，它存储节点是否被访问过:

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

在网格中，您需要 RowModel 选择模型，并且必须绑定(bind)到该选择模型的 select 事件并告诉记录它已被访问:

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
}