EXTJS & les TreePanels

Bonjour à tous !

Voilà j'arrive à terme de mon application à un (gros) détail près .. je dois établir la gestion d'utilisateurs à travers des TreePanels.

Je m'explique :

J'ai deux bloc, l'un permet de créer des utilisateurs et les affiches une fois crées.
Ensuite il faut que je les fasse passer dans mon deuxième bloc pour les ranger dans un Treepanel et modifier une variable de la base de données afin de signaler que cette utilisateur fais partis du groupe 1 ou du groupe 2.

Cependant je suis (extrêmement) débutant en TreePanel et je n'arrive pas à trouver mon bonheur sur la toile .. :calim2:
J'en viens donc à vos capacités et connaissances hors du commun pour m'orienter dans ma dernière ligne droite ! :oops:


Merci à vous ! :ccool:

l'exemple bureau de sencha bien que complexe
contient un module qui affiche un arbre de contact (personnes)
la partie concernant cet arbre est très bien isolé dans l'exemple
et relativement simple à comprendre.

A+JYT

Merci de votre réponse, cependant beaucoup utilisent un fichier php pour charger les données sous format JSON.

Moi la partie de chargement de données se fait par l'intermédiaire d'une méthode codée en C# .net travaillant sur un modèle entity framework

Code:

---

1 2 3 4 5 6 7 8 9 10

var userStore = new Ext.data.JsonStore({ url : 'MaClasse.gsv', root : 'rows', idProperty : 'id_utilisateur', baseParams: { action : 'MaGetMethode' }, autoLoad: true });

---

Voilà ce qui me sert de store pour une Grid par exemple, j'aimerais des indications pour utiliser ce type de store dans un TreePanel.
Je pense que ce sont les correspondances entre les colonnes et les propriétés d'un tree mais je n'ai pas d'idée pour effectuer ce lien.

Merci de votre aide

il ya le TreeStore pour ça
http://docs.sencha.com/ext-js/4-1/#!...data.TreeStore
à la différence d'un DataStore ou tu a le choix du modèle le TreeStore est associé à http://docs.sencha.com/ext-js/4-1/#!....NodeInterface
(où une classe dérivée)
enfin dans http://docs.sencha.com/ext-js/4-1/#!/guide/tree tu as une explication de la structure.
dans toute la première partie le contenu de l'arbre est en statique dans le code js
mais dans la page tu vas trouver "Loading and Saving Tree Data using a Proxy" dans cet exemple du guide l'arbre est défini avec un modèle de Person
la partie devient interresante dans le paragraphe "Persistent Fields vs Non-persistent Fields and Overriding the Persistence of Fields"
tu as alor la définition de la structure de ton attendue par ton modèle.

vient ensuite "Dynamically Loading Children When a Node is Expanded"
qui te montre comment ne pas charger tout l'arble mais seulement un niveau et ne charger les fils qu'au besoin.

tu as là un exemple de json pour 1 feuille de l'arbre

Code:

---

1 2 3 4 5 6

{ "success": true, "children": [ { "id": 5, "name": "Evan", "leaf": true } ] }

---

A+JYT

Merci beaucoup, je vais feuilleter tout ça !