Book Image

ExtGWT Rich Internet Application Cookbook

By : Odili Charles Opute , Oded Nissan
Book Image

ExtGWT Rich Internet Application Cookbook

By: Odili Charles Opute , Oded Nissan

Overview of this book

<p>Get ready to build the next generation Gmail, Facebook, or Meebo, with HTML5 and Server Push, taking advantage of the power and versatility of Java with ExtGWT. Sencha Ext GWT takes GWT to the next level, giving you high-performance widgets, feature-rich templates and layouts, advanced charting, data loaders and stores,&nbsp; accessibility, and much more.<br /><br /><i>ExtGWT Rich Internet Application Cookbook will teach you to quickly build&nbsp; stunning functionality into your own apps with ExtGWT</i>.<br /><br />This is a catalog of practical solutions to get your ExtGWT web app up and running in no time, with tips for persistence and best practices. You begin by playing with panels, windows, and tabs, to learn the essentials. Next, you engage yourself with forms, buttons, toolbars and menus to build on further. Dealing with the UI and the trees will follow to help you make stunning user interfaces. Then you will be taught to work with Listview, Views, and Gridpanels, the more complex problems. The book will then deal with charts, visualization, and drag and drop to take you to the next level. Finally, you will wind up with serialization, persistence, and custom theming. Now, you are an expert!</p>
Table of Contents (22 chapters)
ExtGWT Rich Internet Application Cookbook
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Event Handling — Making Those GUIs Do Something
Jakarta Commons-FileUpload

GXT icons


We will create a custom interface that extends ClientBundle and call it Icons, to encapsulate methods that return the icon images as instances of ImageResource.

public interface Icons extends ClientBundle {
ImageResource people();
ImageResource home();
ImageResource orgchart();
}

Our sample Icons interface extends ClientBundle and declares three methods, each named with the exact name of an image placed in the same package as the Icons interface. Having created the interface, we can use it with tabs, buttons, and other GXT components, usually components that implement the IconSupport interface. However, we will need to convert the ImageResource object from our Icons interface to an AbstractImagePrototype object, which GXT components accept.

Icons ICONS = GWT.create(Icons.class);
TabItem homeTab = new TabItem("Home");
homeTab.setIcon(AbstractImagePrototype.create(ICONS.home()));
Button btn = new Button("Btn Text");
btn.setIcon(AbstractImagePrototype.create(ICONS.people()));

Note that the image itself can reside in the same package as the interface, or have its path specified with the @Source annotation.