[Tree Pane] Add nodes

Version imprimable

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.

03/05/2011, 09h46
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' }
03/05/2011, 10h00
Invité

La doc en lien est celle de la PR1, il n'y a plus de composant TreeNode dans la release.
03/05/2011, 10h24
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'.
03/05/2011, 10h36
Invité

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.

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