[Tree Pane] Add nodes

[Siriru]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Ext.define('CcTreePanel', {
  extend: 'Ext.tree.Panel',
  constructor: function(config){
    this.store = Ext.create('Ext.data.TreeStore', {
      root: {
        expanded: true, 
        text:"",
        user:"",
        status:"",
      }
    }); 
    config = Ext.apply({
      store: this.store,
      rootVisible: false
    }, config);
    this.callParent([config]);
  },
 
  addNode: ???
 
  addLink: ???
 
});

Voici mon code. J'utilisais avec ExtJS 3 des TreeNode mais ils ne sont plus disponibles dans la version 4.

[JulienFio]

Bonjour,

Doc officielle Extjs 4:

TreePanel Extjs4

La façon de faire est sensiblement la même qu'en version 3.x. Ce qui va définir tes données ce sont les paramètres:

Code :

1
2
3
4
5
6
7
8
dataUrl: 'get-nodes.php',
 
    root: {
        nodeType: 'async',
        text: 'Ext JS',
        draggable: false,
        id: 'source'
    }

[Siriru]

La doc en lien est celle de la PR1, il n'y a plus de composant TreeNode dans la release.

[JulienFio]

Oui, Au temps pour moi.
Ne te manquerait-il pas ce paramètre ? Dans la définition de ton TreeStore

Code :

1
2
3
4
5
6
 
proxy : {
                    type : '??',
                    url : 'myjson.json'
 
                },

D'après la Doc (la bonne cette fois):
Reading Nested Data

For the tree to read nested data, the Ext.Data.Reader must be configured with a root property, so the reader can find nested data for each node. If a root is not specified, it will default to 'children'.

[Siriru]

Non, dans mon cas je veux faire une classe mère dont je pourrais hériter plusieurs tree panel facilement, et leur ajouter de nouveaux nœuds facilement.

[Siriru]

Finalement je voudrais récupérer mes données en Json, les traiter puis les afficher. Voici mon code pour le moment (qui ne marche pas) :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
Ext.define('CcAgentsTreePanel',{
  extend: 'Ext.tree.Panel',
  constructor: function(config){
    Ext.define('Agent', {
      extend: 'Ext.data.Model',
      fields: ['firstame']
    });
 
    this.store = Ext.create('Ext.data.TreeStore', {
      autoLoad: true,
      model: 'Agent',
      proxy: {
        type: 'ajax',
        url: 'person/index',
        reader: {
          type: 'json'
        }
      },
      root: { 
        expanded: true,
      },
    }); 
    config = Ext.apply({
      store: this.store,
      rootVisible: false,
      title: 'Agents',
      iconCls: 'item-agents',
    }, config);
 
    this.callParent([config]);
  },
});