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
Code : Sélectionner tout - Visualiser dans une fenêtre à part
iconCls: 'mon_icon'
, mais il m'apparait pas.
J'ai esayé de mettre
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
.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