Advanced StatusBar Example
This is an advanced example of customizing the Ext.ux.StatusBar component via a plugin.
Note that the js is not minified so it is readable. See statusbar-advanced.js.
Customizing the StatusBar
The ValidationStatus plugin hooks into the StatusBar and automatically
monitors the validation status of any fields in the associated FormPanel. Items of interest:
- The StatusBar syncs in real-time with the valid state of the form as you type
- When the form is invalid, the error status message can be clicked to hide/show a custom error list
- The error list items can be clicked to focus the associated fields
- After submitting successfully, note that the confirmation status message will fade out after 5
seconds and return to the default status (this is a config option)