Tutoriel ExtJS : chargement données distantes dans TreePanel

////Tutoriel ExtJS : chargement données distantes dans TreePanel

Lien utile

 Tree avec PHP/MySQL

Besoin :

tutoriel-extjs-treeview-chargement-0

Etape 1 : création store

Tout Treeview doit être associé à un store de type Ext.data.TreeStore

tutoriel-extjs-treeview-chargement-1

INFO : si aucun Model n’est fourni, le store utilise un Model implicite Ext.data.NodeInterface qui fournit les méthodes pour travailler avec les données de l’arbre

 En utilisant la documentation ExtJS, fournissez 2 exemples de méthodes pour manipuler l’arbre.

Etape 2 : préparation données

Pour notre exemple, les données sont au format JSON dans un fichier.

tutoriel-extjs-treeview-chargement-2b

QUESTION : à quoi sert la clé ‘expanded‘ ?

QUESTION : à quoi sert la clé ‘leaf‘ ?

Etape 3 : instanciation Tree et branchement données

tutoriel-extjs-treeview-chargement-3

QUESTION : à quoi sert la clé ‘rootVisible‘ ?

Option : Tri

tutoriel-extjs-treeview-chargement-4

 quel rendu visuel ?

Personnalisation du tri avec fonction javascript

tutoriel-extjs-treeview-chargement-6

 

tutoriel-extjs-treeview-chargement-5

Glisser Déposer

treepanel-drag-drop-1

Correction

3. Dragging and Dropping nodes within a Tree

2018-01-29T17:30:44+01:00

Contactez nous

241 rue DUGUESCLIN, 69003 Lyon

Web : Objis : spécialiste formation Java