Discussion :

[ninatity]

Bonjour,
J'ai aussi un autre problème avec un treepanel.
J'ai un treepanel alimenté par un fichier xml tiré de ma base de données et je voudrais récupérer le premier attribut de l'arbre. Plus précisément, mon arbre affiche le numero et la description du domaine de travail et je veux récupérer le numero en cliquant sur n'importe quel endroit de l'arbre.

J'ai un peu testé sur avec le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 var tree = new Ext.tree.TreePanel({id: 'tree-panel',region: 'center',margins: '2 2 0 2',autoScroll: true,rootVisible: false,root: new Ext.tree.AsyncTreeNode(),loader: new Ext.app.NotesLoader({dataUrl:'tree_xml.php'}),
 
	        listeners: {
	            render: function(){
                    tree.on('click', function(tree, node){
	                    if(node && node.leaf){
	                        Ext.Msg.alert('status','Rien à signaler');
	                    }else{
                            Ext.Msg.alert('ok');
                        }
                    })
	            }
	        }});

Quand je clic sur l'arbre il me renvoit 'ok' mais je ne sais pas comment récupérer le numero. Voici une partie de l'image de mon tree.

[goldledoigt]

Tous les attributs d'un node se trouvent dans "attributes", du coup tu peux faire ceci (non testé):

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
var tree = new Ext.tree.TreePanel({
    id: 'tree-panel'
    ,region: 'center'
    ,margins: '2 2 0 2'
    ,autoScroll: true
    ,rootVisible:false
    ,root:new Ext.tree.AsyncTreeNode()
    ,loader:new Ext.app.NotesLoader({dataUrl:'tree_xml.php'})
    ,listeners: {
        render: function(){
            tree.on('click', function(tree, node){
                alert(node.attributes);
                // console.log(node.attributes);
            });
        }
}});

[ninatity]

Merci pour la suggestion. Je l'ai déjà testé avant mais l'alerte me donne undefined. Merci quand même

[JulienFio]

Essayes ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var tree = new Ext.tree.TreePanel({
    id: 'tree-panel'
    ,region: 'center'
    ,margins: '2 2 0 2'
    ,autoScroll: true
    ,rootVisible:false
    ,root:new Ext.tree.AsyncTreeNode()
    ,loader:new Ext.app.NotesLoader({dataUrl:'tree_xml.php'})
    ,listeners: {
        click : function(node, e ){
                alert(node.attributes.id); //en admettant que tu aies un champ id dans ton store
         }
}});

Comme le dit goldledoigt, les données de ton arbre te sont accessible par les attributs de ton nœud.
par exemple, avec un JSON de ce type

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
[{
    task:'ColumnTree Example',
    duration:'3 hours',
    user:'',
    uiProvider:'col',
    cls:'master-task',
    iconCls:'task-folder',
    children:[{
        task:'Abstract rendering in TreeNodeUI',
        duration:'15 min',
        user:'Jack Slocum',
        uiProvider:'col',
        leaf:true,
        iconCls:'task'
    }
}]

Si tu click sur le noeud 'Abstract rendering in TreeNodeUI'
alert(node.attributes.duration); te retournera '15 min'

[ninatity]

Merci beaucoup!!! ca marche impec pour moi avec ton code

[sekaijin]

Réponse hors sujet

Bonjour....
Voici une partie de l'image de mon tree.

Bonjour j'ai vu que ton image avait des cadres autour des icônes. c'est souvent du à un petit pb de définition de l'image transparente.

Ext.BLANK_IMAGE_URL définit l'url d'une image de 1px transparente

par défaut ExtJS va la chercher ainsi

Code :

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

1
2
3
        BLANK_IMAGE_URL : Ext.isIE6 || Ext.isIE7 || Ext.isAir ?
                            'http:/' + '/extjs.com/s.gif' :
                            'data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==',

donc si tu utilise IE6 IE7 ou Air il va sur le site de ExtJS pour la chercher.
il suffit de remplacer 'http:/' + '/extjs.com/s.gif' par ../extjs/resources/images/default/s.gif

A+JYT

[ninatity]

Oui c'est vrai il y avait une erreur de chargement dans mon tree. J'ai suivi ce que tu as suggéré et ça marche impec . Merci à toi