Introduction
The main benefit of the custom widget is that core implementation is on the client side on the web browser and it does not need communication between server and client. The widget is represented by HTML and JavaScript. We will show how to extend text field widgets from the GWT library. We will create our custom text fields and our tri-state checkbox. We will learn how to use listeners on the GWT widgets, how to share state between widget and component, and how to call native JavaScript. We will also show how to change the CSS style of widget. Compiling a widget set during development can take a long time. In the last recipe, we will describe how to speed up the compilation. All these recipes are made in the Eclipse IDE.
If we want to create a new component, we will need to make three things:
A client-side widget: It will render our component in the web browser using HTML and JavaScript. It uses GWT Java libraries.
A connector: It handles the communication between the widget...