Téléchargez et analysez les exemples d’applications utilisant des composants GXT. Comprenez le lien entre GWT, GXT et ExtJS. Découvrez comment les composants graphiques de GXT complètent et enrichissement les composants de GWT
Prérequis
Connaissance HTML, javascript.
Objectifs
Installation Ext GWT (GXT)
Programme
Partie 1 : Téléchargement ExtJS et installation serveur web
Partie 2 : arborescence
Partie 3 : applications exemples
Partie 4 : utilisation
Durée
30min
Qui sommes-nous ?
Partie 1 : Téléchargement
Allez sur la page de téléchargement du framework ExtJS : http://www.sencha.com/products/gxt/download/
Appuyez sur le bouton ‘Download Open Source version’ . Vous téléchargez alors le zip de la librairie Ext GWT (ici version 3)
Partie 2 : Arborescence GXT
Dézippez et Analysez le contenu
Partie 3 : applications exemples
Notez la présence du war d’exemples :
Installez un serveur Tomcat.
Déployez le livrable d’exemples dans webapps,
Démarrez tomcat (binstartup.bat)
Une fois que Tomcat est démarré, notez la création du dossier suivant :
accédez à la démo
Partie 4 : Utilisation
Supposons que vous souhaitez récupérer du code associé au BorderLayout :
Selectionnez l’onglet ‘Source’ :
Mettez en oeuvre ce code source (projet PremiereAppliGXT) , ce qui donne l’écran suivant :
Conclusion
Avec Objis, vous avez installé GXT 3
Programme Formation ExtJS 4 Objis
Choisissez Objis pour votre formation ExtJS 4 en 3 jours :
Jour 1 : Fondamentaux (Objet config, DOM, Evènements, xType, (X)Template, Modèle composant, classes ExtJS 4)
Jour 2 : Conteneurs , Layouts, Formulaire, Intro architecture MVC (arbo, cinématique, méthode control())
Jour 3 : Package Data (Validations, Associations), GridPanel, Approfondissement MVC (ComponentQuery)