Discussion :

[abraxis]

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

[sekaijin]

tu mets un id sur ton objet et tu fait un css pour cet objet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
new Ext.tree.AsyncTreeNode({
   id:'flow-tree',...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#flow-tree {
   ...
}

A+JYT

[abraxis]

Je viens de tester avec l'id comme tu me l'a indiqué mais rien à faire.
Je ne vois mm plus mon icon.
J'ai biensur testé l'id à plusieurs endroit au cas ou je me serais trompé mais rien ne s'affiche.

[abraxis]

Je vais me répondre à moi même.
J'ai réuci àchanger mon icon....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
root: {
                nodeType: 'async',
                text: 'mon premier noeud',
	        iconCls: 'icon_noeud',
                draggable: false
              }

J'avais déjà testé cette solution mais bon.

Merci pour ton aide sekaijin