Bonjour à toutes et à tous,

J'ai de nouveau un petit problème auquel je n'arrive pas à trouver de solution...
J'ai un treePanel auquel je voudrais changer le premier icon.
Je m'explique, à cette page ici le premier icon est un "petit livre". Par défaut l'icon est un répertoire fermé.
J'ai essayé de mettre

iconCls: 'mon_icon'

, mais il m'apparait pas.
J'ai esayé de mettre

cls: 'mon_icon'

, la je le vois bien mais derrière l'icon d'origine...
Comment puis-je mettre en place cet icon ?

je vous donne la partie de mon code:

accueilNewDocTree = Ext.extend(TreeAcc.TreePanel, {
	border: false,
	useArrows: false,
	autoScroll: true,
	animate: true,
	enableDD: true,
	containerScroll: true,
	initComponent:function() {
	  Ext.apply(this, {
            dataUrl: 'mon_fichier.php',
	      root: {
                nodeType: 'async',
                text: 'mon premier noeud',
	        cls: 'icon_noeud',
                draggable: false
              }
            })
	    accueilNewDocTree.superclass.initComponent.apply(this, arguments);
	}
});

Je vous donne aussi mon CSS (on ne sais jamais)

.icon_noeud {
	background-image: url(../img/icons/column-chart.ico) !important;
	background-position: 8px 1px;
	background-repeat: no-repeat;
}

Si vous avez une idée je suis preneur.

Merci par avance

EDIT :

Je viens de trouver la solution (que j'avais déjà testée)

root: {
                nodeType: 'async',
                text: 'mon premier noeud',
	        iconCls: 'icon_noeud',
                draggable: false
              }

Cela peu toujours servir à quelqu'un