Here's a three part tutorial on GWT and GXT. When I started on this, the better tutorials out there were out of date. There were bits and pieces for referral but they never got me going, most ending up in errors (at some point this too will become obsolete, I guess)

I went back to basic and figured out how GWT works including the setup of a manual debug configuration. Then with a lot of trial and error, worked out how to replace GWT with GXT in a Google Web App project (this is quite fiddly).

  • Part I - deals with setting up a basic GWT project in Eclipse. Importantly, it shows how to set up manual debugging (which I find much more useful than the builtin plugins debug mode)
  • Part II - shows the main steps involved in moving from a GWT theme to a GXT theme
The source for this part ca be downloaded from here
The war directory can be downloaded here (it does not include the GXT resources or the jars)

  • Part III - in the first section, I set up and runs a simple widows widget. In the second section I introduces M-V-P pattern and the use of Data Transfer Objects (for the purist, this is a poor man's MVP as I am not a full time GUI programmer, so apologies)
The source for this part ca be downloaded from here
The war directory can be downloaded here (it does not include the GXT resources or the jars)

PS: If selecting from the sidebar, you might find it useful to open each part in a new "tab" or "window" because Google sites still does not allow sidebar URL items to be automatically launched onto a new page (i.e target="_blank")

Finally feel free to use the "Contact" menu on the left to send me feedback.

-Raj Subramani
10th of July 2010