Groupe

Docking Support

Panel now uses a panel-specific ComponentLayout class to manage a set of items docked to its borders. The Panel's body element is then sized to occupy any remaining space. Any components may be docked to any side of a panel via the new dockedItems config property, and docked items must be configured with a dock property to specify which border to dock to. This allows for amazingly flexible Panel layouts now — things that were impossible in Ext 3 like vertically-docked side toolbars are now a breeze to implement in Ext 4.

Header Improvements

Header is now a first-class Container subclass, inheriting capabilities like child component management and layout. Headers may also be configured with aheaderPosition of 'top', 'right', 'bottom' or 'left' via the new docking support.

Tools (the small header buttons that perform actions like minimize, close, etc.) are also now proper Components making them even more flexible than they were in Ext 3.