- fixed: dialog would be closable even if teh dialog state would be set to "disabled"; added "beforeclose"-listener to prevent closing the dialog in case the dialog is busy
- fixed: loadmask-msg would not be rendered due to accessing an object property quoted
- fixed: typo in Header.js (closes google issue #1)
- enhancement: converted tabs to spaces
- enhancement: Updated component to work with Ext JS 3.0 while keeping backwards compatibility to Ext 2.*
- fixed: wrong regex-mask in examples/SimpleWizard.html allowed for wrong user-input data
- enhancement: removed initListeners implementation to initEvents-override in Ext.ux.Wiz
- fixed: added 'beforecardhide'-event to Ext.ux.Wiz.Card since some listeners for the beforehide-event could block hiding the card when CardLayout requests it after rendering
- fixed: changed default hideMode in Ext.ux.Wiz.Card to 'display' to prevent rendering issues with IE7 due to the latest changes
- fixed: IE6 did not render the step-indicator images as expected, added style-rule in ext-ux-wiz.css (thanks to donssmith)
- fixed: IE6 complained about multiple OR conditions in Ext.ux.Wiz.initComponent
- fixed: IE complained about semicolon in examples/SimpleWizard.html
- fixed: removed "!important"-style-override in examples/SimpleWizard.html since IE doesn't like it
- fixed: quoted "default" in Ext.ux.Wiz.loadMaskConfig since it's a keyword in IE
I was able to release my wizard-component earlier than I thought - possible due to my employer Refined Labs GmbH.
Similiar to the livegrid- and youtubeplayer-extension released earlier, this component grew as a sub-project out of the larger application I’m currently working on.
Since I wasn’t pleased with the solutions already floating around in userland, I created my own wizard-component for Ext JS. Target: Simplify setup processes and the collecting of data where a guide is useful; keep the implementation process as simple as possible, but flexible enough to allow for complex instances (this goes specially for validating user input and therefor resulting component behavior).
The component consists of three classes:
Ext.ux.Wiz (deriving from Ext.Window): The base class for a wizard component. A window that holds paging-buttons (previous/next step) and a button for canceling the wizard. Flexible event-listener behavior guarantees complex wizard workflows. Paging-buttons will be enabled/disabled based on the validator-rules found in the current active card (type: Ext.ux.Wiz.Card).
Ext.ux.Wiz.Header (deriving from Ext.BoxComponent): A component that can be used as a header/footer/whatever to indicate the progress in the wizard. Also shows information about the wizard’s purpose, as configured.
Ext.ux.Wiz.Card (deriving from Ext.FormPanel): Each card represents a step in the setup-process and holds either form-elements which are validated automatically (monitorValid:true) or plain informations about the progress in the wizard so far, or both. An array of instances of Ext.ux.Wiz.Card will be passed to Ext.ux.Wiz to automatically build and layout the wizard.
Blog entry: http://www.siteartwork.de/2008/05/26...nt-for-ext-js/