WizardPanel

[mrfr0g]

In my search for a good Wizard dialog, I found one here at...

http://www.extjs.com/forum/showthread.php?t=38644

Unfortunately it didn't work well... or at all with the latest versions of Ext GWT and GWT. So I cleaned up the errors, and adjusted the class to extend the ContentPanel instead of the Window.

I take no credit for the original idea, or coding, all I did was make it work for gwt 2.x.

http://e-d20.com/java/WizardPanel.zip

Installation Instructions:

Add the jar file to your build path.
Modify your gwt.xml file, and add the inherited module.

<inherits name='ext.ux.wizard.WizardPanel'/>

10/28/09
I also added three methods to the WizardPanel


WizardPanel()
Empty constructor, if you don't want to add cards right away, you can now do that.

addCard(WizardCard card)
Allows you to add individual cards to the WizardPanel

setCards(ArrayList<WizardCard> cards)
Allows you to set the card list.

Example;

WizardPanel wp = new WizardPanel();
ArrayList<WizardCard> cards = new ArrayList<WizardCard>();
cards.add(new WizardCard("Card 1"));
cards.add(new WizardCard("Card 2"));
cards.add(new WizardCard("Card 3"));

wp.setCards(cards);

RootPanel.get().add(wp);



10/28/09
Added a new listener to the WizardCard. It listens for the card show event. You can set the listener by invoking the setCardShowListener method.

setCardShowListener(Listener<BaseEvent> l)

[amjibaly]

This is excellent, thanks. One question I have: what's the recommended method of submitting a form in one of the cards? I don't see any way to do that in the example code of the original author, or any public method to get the formpanel.

Thanks,
Abdullah