我正在尝试更改extjs4中Treepanel的背景颜色。
{
baseCls: "mycustomclass",
viewConfig: {baseCls: "mycustomclass"}
(...)
}这段代码在除树节点之外的所有地方设置面板区域的背景。树节点仍然是白色的。所以我的问题是如何设置整个树形面板的背景颜色,包括节点。
这是一个截图,它看起来是什么样子--绿色是我的树面板区域。结点也属于树形结构,但为白色。

发布于 2011-11-23 19:54:15
我找到了一个解决方案,它是这样的:
.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的“检查元素”功能在这方面非常有用。
发布于 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/
树面板有更多的组件,所以它不会像你想象的那样简单
https://stackoverflow.com/questions/8228912
复制相似问题