ExtJS 4 - 如何設置樹面板的背景（包括樹節點）

Question

我試圖改變extjs 4中Treepanel的背景顏色。到目前爲止，我已經創建了一個具有所需顏色的自定義css類並將其應用於面板及其視圖

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

此代碼設置面板區域的背景，但樹樹節點的每個地方都是這樣。樹節點仍然是白色的。所以我的問題是如何設置整個樹面板的背景顏色，包括節點。

這裏是它的外觀樣式的截圖 - 綠色是我的樹面板區域。該節點也屬於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之後加載。 Google 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/

樹面板上有更多的組件，所以你可能會認爲