Tree ExtJS 4-如何设置树面板(包括树节点)的背景
我正在尝试更改ExtJS4中树面板的背景色。到目前为止,我已经创建了一个具有所需颜色的自定义css类,并将其应用于面板及其视图Tree ExtJS 4-如何设置树面板(包括树节点)的背景,tree,extjs4,extjs,treepanel,Tree,Extjs4,Extjs,Treepanel,我正在尝试更改ExtJS4中树面板的背景色。到目前为止,我已经创建了一个具有所需颜色的自定义css类,并将其应用于面板及其视图 { baseCls: "mycustomclass", viewConfig: {baseCls: "mycustomclass"} (...) } 这段代码设置面板区域的背景,除了树节点。树节点仍然是白色的。所以我的问题是如何设置整个树面板的背景色,包括节点 这里是一个截图,它看起来像-绿色是我的树面板
{
baseCls: "mycustomclass",
viewConfig: {baseCls: "mycustomclass"}
(...)
}
这段代码设置面板区域的背景,除了树节点。树节点仍然是白色的。所以我的问题是如何设置整个树面板的背景色,包括节点
这里是一个截图,它看起来像-绿色是我的树面板区域。节点也属于树面板,但为白色
尝试一种新的方法。这肯定会奏效的
树型面板有更多的组件,因此它不会像您想象的那样容易工作我找到了一个解决方案,它如下所示:
.navpanel
{
background-color: #c0c0c0;
}
.navpanel .x-grid-cell
{
background-color:#c0c0c0;
}
.navpanel .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div
{
background-color:#f0f0f0 !important;
font-weight: bold;
}
“navpanel”类应用于我的treepanel视图(通过viewConfig)。
所有其他类都是对标准extjs css的重写,因此它们需要在extjs css之后加载。Google Chrome的“检查元素”功能在这里非常有用