Extjs Treepanel：CSS來更改默認圖標（節點和葉）

Question

我有一個樹形面板像http://jsfiddle.net/bmbMy/ 我嘗試通過使用css更改默認圖標（節點和葉）。但那不起作用。

.x-grid-row .x-grid-tree-node-expanded { 
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important; 
} 
.x-grid-row .x-grid-tree-node-leaf { 
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png'); 
} 

我如何能做到這一點感謝

Answer 1

您還沒有覆蓋正確的CSS類。這裏是你需要的：

.x-grid-tree-node-expanded .x-tree-icon-parent { 
    background: url('http://icons.iconarchive.com/icons/sekkyumu/developpers/16/Play-Green-Button-icon.png') no-repeat center center !important; 
} 
.x-grid-row .x-tree-icon-leaf { 
    background-image:url('http://icons.iconarchive.com/icons/graphicrating/koloria/16/Button-Play-Pause-icon.png'); 
} 

而更新的jsfiddle。