Tree ExtJS 4-如何设置树面板(包括树节点)的背景

Tree ExtJS 4-如何设置树面板(包括树节点)的背景,tree,extjs4,extjs,treepanel,Tree,Extjs4,Extjs,Treepanel,我正在尝试更改ExtJS4中树面板的背景色。到目前为止,我已经创建了一个具有所需颜色的自定义css类,并将其应用于面板及其视图 { baseCls: "mycustomclass", viewConfig: {baseCls: "mycustomclass"} (...) } 这段代码设置面板区域的背景,除了树节点。树节点仍然是白色的。所以我的问题是如何设置整个树面板的背景色,包括节点 这里是一个截图,它看起来像-绿色是我的树面板

我正在尝试更改ExtJS4中树面板的背景色。到目前为止,我已经创建了一个具有所需颜色的自定义css类,并将其应用于面板及其视图

    {
        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的“检查元素”功能在这里非常有用