Formation Ext JS

Installation et analyse Ext JS 4
Avantages de Ext JS 4
Télécharger et installer Ext JS 4
Comparaison Ext JS 3 et Ext JS 4
Structure d’un projet et architecture du Framework

Application Ext JS 4
Préparer les librairies
Déploiement de « Hello Ext JS 4 »
Rendu visuel et code source
Optimisation du code

Comprendre l’objet ’config’ ExtJS
Créer une boite de dialogue
Ajouter une icône à boite de dialogue
Gérer les événements de la boite de dialogue
Les serveurs Ajax – XML et Ext JS 4

Manipulations du DOM avec Ext JS
Compatibilités IE/Firefox,
getElementById
getElementsByTagName
Ext.get()
Ext.Element
El, getEl()
createChild(), remove()

Mise en oeuvre Template / XTemplate ExtJS

Comprendre les conteneurs ExtJS
TabPanel
Le composant Window
Viewport
XType

Comprendre les layouts Ext JS
La notion de Layout
Conteneur vs. Layout
Représentation visuelle
Les Layouts ExtJS 4.0
Les Layouts horizontal ou vertical
Les Layouts pour formulaires
Le BorderLayout : communication entre les zones de l’écran

Mise en oeuvre de formulaires Ext JS
Les champs
Validation
Gestion des évènements
Intégration d’Ajax

Accès données avec DataGrid ExtJS
Comprendre et mettre en place une GridPanel
Affichage des données serveurs (Json, XML…)
EditorGridPanel: possibilités avancées
Manipuler les DataView, ListView, Treeview
Charts, Reporting

Création de composants Ext JS
Méthodologie
Personnalisation