首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ExtJS 4-如何设置树形面板的背景(包括树形节点)

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

Stack Overflow用户
提问于 2011-11-22 23:01:18
回答 2查看 5.5K关注 0票数 2

我正在尝试更改extjs4中Treepanel的背景颜色。

代码语言:javascript
运行
复制
    {
        baseCls: "mycustomclass",
        viewConfig: {baseCls: "mycustomclass"}
        (...)
    }

这段代码在除树节点之外的所有地方设置面板区域的背景。树节点仍然是白色的。所以我的问题是如何设置整个树形面板的背景颜色,包括节点。

这是一个截图,它看起来是什么样子--绿色是我的树面板区域。结点也属于树形结构,但为白色。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-11-23 19:54:15

我找到了一个解决方案,它是这样的:

代码语言:javascript
运行
复制
    .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的“检查元素”功能在这方面非常有用。

票数 3
EN

Stack Overflow用户

发布于 2011-11-23 05:09:25

尝试一种新的方法。这肯定能行得通

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/

树面板有更多的组件,所以它不会像你想象的那样简单

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8228912

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档