The space of GWT UI frameworks seems to be dominated by the frameworks Ext GWT (also known as GXT) and SmartGWT (formerly GWT Ext). A number of smaller frameworks can also assist in GUI development, among them, for instance, gwt-dnd, the GWT incubator, GWT Widget Library and GWT mosaic. The latter listed frameworks seem to be rather immature and not very feature rich. However, they are trying to keep closer to the original GWT GUI APIs.
The main discussion on the net seems to boil down to three alternatives: (1) SmartGWT, (2) Ext GWT, and (3) sticking to the GWT standard widgets.
(+) Licensed under LGPG, therewith can be used in commercial products without purchasing a licence
(+) Many powerful widgets
(+) I have read some comments that their data binding model is superior to Ext GWT (but I didn’t look into this issue)
(-) Maybe it is just my specific browser configuration but I found their showcase components to be quite slow and sluggish. Surprisingly the deprecated GWT Ext components seem to work better?
(+) Lots of Java Code
(+) Supported by Sencha, the maker of the Ext JS framework
(+) They seem to plan to integrate their code closer with the GWT standard.
(-) Licensed under GPL, therefore for any commercial product a licence must be bought.
(-) Senacha has recently given a lot of attention to their Senacha Touch framework for developing cross-platform mobile applications. It seems they have been given less attention to Ext GWT in the recent past. However, this could also be a plus if features from Sencha Touch are migrated to Ext GWT.
Vanilla GWT Widgets:
(+) Increase portability/reusability/reliability of your code; if there is no functionality provided by the frameworks you MUST provide, stick to the standard.
(+) High customizability
(+) Best performance
(-) Limited set of widgets in comparison with Smart GWT and Ext GWT
(-) Weak support for drag and drop
Issues to Consider
GWT Integration: Can the widgets of these libraries be mixed with GWT standard widgets?
Many libraries such as SmartGWT or GWT Ext are mostly JSNI wrappers around existing java script frameworks. This of course raises more or less subtle issues of integration in the long run. However, also the current version of the Ext GWT framework (especially the layouts) are reported to work together with vanilla GWT poorly. However, I usually use <div ..> elements to do the layout of my pages. Using this approach I did not have any issues combining widgets from different frameworks.
Debugging: Is it possible to debug the code easily?
Licence: Open source/commercial?
Both SmartGWT and GWT ext seem to have suitable open source licences for creating client side code. To take full advantage of SmartGWTs server-side capabilities, the Pro version must be obtained.
Ext Gwt seems to have switched to an GPL licence, unsuited for most commercial applications. However, their licenses are cheaper than SmartGWT.
Drag and Drop for Trees
Ext Gwt (GXT)
- Offers a custom widget renderer tree grid (http://www.sencha.com/examples/#widgetrenderertreegrid)
- Tree nodes can only be defined by a string. Constructor for tree nodes public TreeNode(final String text)
- Expand/Collapse seems to work smooth
- Drag and drop works fine
- Expand/Collapse does not seem to be very performant. Continuous expanding/collapsing leads to the UI not reacting to some of the ‘clicks’ (Strang, this seems to work better in Ext Gwt, try for yourself on the showcases)
Only a very simple demo (which can of course be improved). However, it led me to the conclusion that gwt-dnd does not seem to be mature enough to handle complex drag and drop operations on trees out of the box.
There are a number of other projects providing Tree support, such as gwt-dnd-tree – but they do not seem to provide a wide range of functionality.
Prototypes for Ext Gwt (GXT) and SmartGWT are not required, since their showcases already illustrate the functionality. It took me around 1 hr to rebuild an Ext Gwt example in an Maven/Eclipse/OSGi environment.
Showcases (as of 11.12.2010)
GWT ext Showcase (superseded by SmartGWT)