Abhijeet Maharana

The Gwt-Ext forum is very active and I try to participate when I can. In the process, I have bookmarked a few threads with solutions that I could use later. I am posting some of them below so that more people can stumble upon them. Within brackets is the forum id of the community member who suggested the solution.

1. Expand / collapse a panel on button click in another panel (daverh and sjivan)
   
   

   1 2 3 4 5 6 7 8 9 10

   panelB.setCollapsible(true); ... panelA.getSaveButton().addListener(new ButtonListenerAdapter(){ public void onClick(Button button, EventObject e) { panelB.setCollapsed(false); panelA.setTitle("Saved"); panelB.doLayout(); panelA.doLayout(); } });

2. Attach a clicklistener to a panel (me)
   
   

   1 2 3 4 5 6 7 8 9

   panel.addListener(new ContainerListenerAdapter(){ public void onRender(Component component) { panel.getEl().addListener("click", new EventCallback(){ public void execute(EventObject e) { MessageBox.alert("Panel clicked"); } }); } });

3. Force a combo box to always go back to the server for the list items (sjivan)
   
   

   1 2 3 4 5

   cb.addListener(new ComboBoxListenerAdapter() { public void onExpand(ComboBox comboBox) { store.reload(); } });

4. BorderLayout throws an exception when nothing is added to its center region (sjivan)

   When using BorderLayout, you *must* have a Panel assigned to the CENTER region.

5. Update a text field’s contents (e.g. force all lowercase) when user leaves text field (takeustoyourleader)
   
   

   1 2 3 4 5 6 7 8 9 10 11 12 13 14

   final TextField lcaseTextField = new TextField(); lcaseTextField.addListener(new TextFieldListenerAdapter(){ public void onBlur(Field field) { updateValue(); }   public void onSpecialKey(Field field, EventObject e){ updateValue(); }   private void updateValue(){ lcaseTextField.setRawValue(lcaseTextField.getValueAsString().toLowerCase()); } });

   The “onBlur” catches the user leaving the field by clicking off, the onSpecialKey catches them leaving by enter or tab or anything like that.

6. Wait for an IFrame to load and then execute some code (grabka)
   
   

   1 2 3 4 5

   EventManager.addListener(frame.getElement(), "load", new EventCallback() { public void execute(EventObject e) { /* do some stuff */ } }, new ListenerConfig());

I may post some more links as and when I bookmark them.

In addition to hosting the Gwt-Ext screencasts at http://gwt-ext.com/screencasts/, Sanjiv has also made them available at showmedo.com. So you can watch them online without having to download first.

Here are the direct links:

1. Setup GWT and Cypal studio in Eclipse on Ubuntu
   http://showmedo.com/videos/video?name=2040000;fromSeriesID=204

2. Add Ext and Gwt-Ext to the project
   http://showmedo.com/videos/video?name=2040010&fromSeriesID=204

3. Add basic client side regex validation, remote service and save form data in Oracle database
   http://showmedo.com/videos/video?name=2040020&fromSeriesID=204

Download Eclipse projects shown in the screencasts from Gwt-Ext.com or Rapidshare.

Thanks Sanjiv for the appreciation. And more importantly, for putting in lots of hard work to produce Gwt-Ext.

I have started out with Gwt-Ext and thought I will record some screencasts. These are for beginners who may need a hand when they are starting out and are anxious to jump right into code. The screencasts have been recorded on Ubuntu Feisty with Eclipse Europa.

There are 3 screencasts in avi and ogg format.

1. First screencast shows the installation of Gwt 1.4 and Cypal Studio for Gwt. Cypal Studio is an Eclipse plugin that automates most of the tasks associated with GWT like adding a module and adding a remote service. In the screencast, I create a Gwt project using this plugin.
2. Second screencast shows how to add the ExtJS Javascript library (2.0) and Gwt-Ext Java library (2.0.1) to the project. In the screencast, I create a simple Ext form with some text fields and a button.
3. Third screencast (added on March 22) shows how to send form data back to the server. In the screencast, I validate form fields using regular expressions / Ext Vtype, add a remote service and then save form data in an Oracle database using the remote service.

   You can read this post for installing Oracle 10g XE on Ubuntu Feisty.

All screencasts are hosted at Rapidshare. Sanjiv Jivan, the author of Gwt-Ext has offered to host them at gwt-ext.com. I think the files are quite big and I am not well-versed with audio/video formats and parameters. If you know any way to reduce file size while maintaining the quality of screencasts, do let me know.

Download screencasts from Rapidshare.
Download Eclipse projects shown in the screencasts from Gwt-Ext.com or Rapidshare.

Update:
Sanjiv has been kind to host them at http://www.gwt-ext.com/screencasts/.
I have also edited the gwt-ext wiki accordingly. (See comments)

Related links:
Google Web Toolkit
ExtJS Javascript library
Gwt-Ext
Cypal Studio for Gwt