donderdag 25 maart 2010

Getting started with GWT 2.0, GXT and Eclipse

GWT 2.0.3
Ext GWT SDK 2.1.1 for GWT 2.0
Eclipse Galileo

1. download latest GWT 2.0 release from http://code.google.com/intl/nl-NL/webtoolkit/download.html and unzip it

2. download latest version of GXT for GWT 2.0 from http://www.extjs.com/products/gwt/download.php and unzip it

3. install the eclipse plugin
- in eclipse select "Install new Software" from the "Help" menu
- in the "work with:" field, enter "http://dl.google.com/eclipse/plugin/3.5" (or see http://code.google.com/intl/nl-NL/eclipse/docs/download.html for other eclipse versions)
-install the plugin
-restart eclipse

4. set the SDK for the plugin
- select preferences from the Window menu
- Select Google->Web Toolkit
- click "Add..." and browse to the folder where you unpacked GWT
-click "OK"

5. create a GWT 2.0 project
- select file->new->other
- in "Google" select "Web application project"
- click "next"
- enter a name
- enter a package name
- uncheck the box "Use Google App Engine"
- click "Finish"

You now have a new google web toolkit project with an example application. Try to run the example by selecting Run As->Web Application from the Run menu.

Now we need to enable the GWT project to use GXT

in gwt.xml include this line :
<inherits name="com.extjs.gxt.ui.GXT" />



in the default html page [projectname].html add the GXT css :
<link rel="stylesheet" type="text/css" href="css/ext-all.css">


then copy the 'css' and 'images' directories from the 'gxt dirercotry'/resources to the war directory and you are all set with GWT 2.0 and GXT!



Geen opmerkingen: