[GWT] Découverte de la librairie GXT

Sencha propose une librairie EXJ GWT appellée GXT.
On peut y accéder ici : http://www.sencha.com

On télécharge la dernière version stable, au jour d'aujourd'hui, septembre 2010, c'est la version 2.2

On part du principe qu'on a déjà créé un projet GWT.

Dans notre projet GWT on créé un dossier lib puis un dossier gxt-2.2.0 à la racine du projet, on y extrait le fichier gxt.jar présent à la racine du fichier téléchargé.

Il faut maintenant inclure le jar à notre projet. Dans eclipse, il suffit de faire un clic droit sur notre projet -> proprietés (ou Alt + Entrée) puis de choisir "Include Jar"
On va chercher le fichier gxt.jar qui se trouve dans ~/WORKSPACE/PROJECT/lib/
gxt.jar

Il apparait ainsi dans la liste des librairies ajoutées au projet.

Il faut ensuite ajouter les ressources au projet (icons,images, model). Pour faire cela, il faut cliquer sur l'onglet Source (des proprietés du projet) puis choisir "Add Folder". On va chercher le dossier lib/gxt-2.2.0/samples/resources/src

Il faut maintenant copier le dossier ressources présent dans le fichier que vous avez téléchargé gxt-2.2.0 et vers le dossier war.
Il faut maintenant modifier le fichier html pour inclure le fichier css de gxt-all.css

    <link type="text/css" rel="stylesheet" href="resources/css/gxt-all.css" />

Il faut maintenant référencer gxt en ajoutant ces lignes dans le fichier de config TestGXT.gwt.xml :

  <!-- Other module inherits                                      -->
  <inherits name='com.extjs.gxt.ui.GXT'/>
  <inherits name='com.extjs.gxt.samples.resources.Resources'/>

GXT est désormais installé.
On peut désormais aller sur le show case de sencha pour faire nos emplettes, Voir source, copier coller et remplacer la regex suivante \s[0-9]+.\s par "".

Vous pouvez télécharger le projet minimal ici :