THINK GOOD, TAKE BEST: SmartGWT getting started tutorial | My perception, visions and notions.....

SmartGWT – A getting started guide

If you are familiar with some very good looking and very nice frameworks built on GWT, then probably you have already seen SmartGWT. It’s a beautiful and very useful framework.

If you are not familiar with it, you can read about it from here and you can watch the showcase.

SmartGWT 1.2 is now compatible with GWT 1.6 and GWT 1.7 .

Now, we’ll see how to use smartGWT in your GWT project, in a step by step approach.

First, download the smartGWT library from here. Unzip it.
Create a GWT project named “TestSmartGwt”. You can follow my tutorial.
Add the “smartgwt.jar” (form the unzipped folder) to your project libraries (Project –> Properties –> Java Build Path).

Add “<inherits name="com.smartgwt.SmartGwt"/>” to the module xml file (testsmartgwt.gwt.xml).

Add “<script> var isomorphicDir = "testsmartgwt/sc/"; script>” in your host HTML file (inside the war).

Now open the main java file in your client package.

Remove the default generated code and add the following line of codes to it:

package org.hillol.smartclient.client;
import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.util.SC;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;

public class TestSmartGwt implements EntryPoint
{
public void onModuleLoad()
{
IButton button = new IButton("Hello World");
button.addClickHandler(new ClickHandler()
{
public void onClick(ClickEvent event)
{
SC.say("Hello World from SmartGWT");
}
});
button.draw();
}
}