From Learn About the Ext JavaScript Library

Contents 1 System Requirements 2 Project Setup 3 Building From SVN 4 Eclipse Help Plugin 5 Helpful Hints

System Requirements

• GWT version: GWT 1.5 or above is required and can be downloaded at http://code.google.com/webtoolkit/download.html.
• Java version: JDK 1.5 or above and can be download at http://java.sun.com/javase/downloads/index.jsp

Project Setup

This document is for configuring Eclipse. Setup for other IDEs should be similar. A new Java project should be created before starting the setup guide. We assume you have already downloaded and installed/unzip the JDK, GWT and Ext GWT as required.

• Create a User Defined Library

1. Select Window > Preferences and select Java > Build Path > User Libraries in the preference tree.
2. Click the New button and name the library GWT_1_5. Select the new library and then click Add Jars. Navigate to where you unzipped the GWT download and select gwt-dev-[os].jar and gwt-user.jar

• Assign New User Library To Your Project

1. Bring up your project's properties by right clicking the project name in the Package Explorer and selecting Properties from the context menu. Once open, select the Java Build Path item in the tree then select the Libraries tab.
2. Repeat the same steps and create another User Defined Library named GXT_1_0 and add the gxt.jar from the Ext GWT download.

• Create A New Launch Config

1. Open the Run Config by selecting Run > Open Run Dialog.
2. Select Java Application then click the New button.
3. Main Tab
   1. Project: Select your project
   2. Main Class: Enter 'com.google.gwt.dev.GWTShell'
4. Arguments Tab
   1. Program Arguments: "-out www com.extjs.gxt.test.Test/index.html" substituting you module name
5. Classpath Tab
   1. Add both the GWT_1_5 and GXT_1_0 user defined libraries by clicking the Advanced button

• Add GXT module to the projects XML configuration file

1. The GXT module needs to be added to your projects XML config file:

<module>  
  <inherits name='com.extjs.gxt.ui.GXT'/>  
  <entry-point class='com.extjs.gxt.sample.client.Sample' />  
</module>  

1. Add ext-all.css to your host page

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

• Setup Complete - your project and run config should now be configured properly.

Building From SVN

Eclipse Help Plugin

Helpful Hints