Récupération de données d'un tree

1 pièce(s) jointe(s)

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:

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.

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

Code:

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

Merci

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

Essayes ceci:

Code:

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:

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'

Merci ça marche

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

Réponse hors sujet

Citation:

Envoyé par ninatity

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:

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

Ok merci pour ton aide

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 :ccool:. Merci à toi