ExtJS Treepanel: CSS Standard-Icons zu ändern (Knoten und Blatt)

Question

ich einen Baum Panel haben wie http://jsfiddle.net/bmbMy/ Ich versuche Standardsymbole zu ändern (Knoten und Blatt) von mit CSS. Aber das funktioniert nicht.

.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'); 
} 

Wie kann ich tun, dass dank

Answer 1

Sie haben nicht die richtigen CSS-Klassen außer Kraft setzen. Hier ist, was Sie brauchen:

.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'); 
} 

Und die aktualisierte jsfiddle.