ExtJS 4 - 如何设置树面板的背景（包括树节点）

Question

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

    {
        baseCls: "mycustomclass",
        viewConfig: {baseCls: "mycustomclass"}
        (...)
    }

此代码设置面板区域的背景，但是树节点。树节点仍然是白色的。所以我的问题是如何设置整个树面板的背景颜色，包括节点。

这是它的样子截图 - 绿色是我的treepanel区域。节点也属于treepanel但是白色

Answer 1

我找到了一个解决方案，现在是：

    .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之后加载它们。谷歌Chrome的“检查元素”功能在这里非常有用。

Answer 2

尝试使用新方法。这肯定会有用

http://www.slideshare.net/senchainc/slides-5971886 http://www.sencha.com/learn/theming/ http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/

树状面板包含更多组件，因此无法像您想象的那样轻松工作