2

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

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

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

这是它的外观截图 - 绿色是我的树形面板区域。节点也属于树形面板，但为白色

截屏

4

2 回答 2

3

我找到了一个解决方案，这里是：

    .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' 类应用于我的树形面板的视图（通过 viewConfig）。所有其他类都是标准 extjs css 的覆盖，因此需要在 extjs css 之后加载它们。谷歌浏览器的“检查元素”功能在这里非常有用。

于 2011-11-23T11:54:15.213 回答
0

尝试采用新方法。这肯定会奏效

http://www.slideshare.net/senchainc/slides-5971886 http://www.sencha.com/learn/theming/ http://www.sencha.com/learn/theming-sencha-frameworks-with-sass -和指南针/

树面板有更多的组件，所以它不会像你想象的那么容易

于 2011-11-22T21:09:24.680 回答