Hierarchy
This layout manages multiple child Components, each is fit to the Container, where only a single child Component -can be visible at any given time. This layout style is most commonly used for wizards, tab implementations, etc. -This class is intended to be extended or created via the layout:'card' Ext.container.Container.layout config, -and should generally not need to be created directly via the new keyword.
- - -The CardLayout's focal method is setActiveItem. Since only one panel is displayed at a time, -the only way to move from one Component to the next is by calling setActiveItem, passing the id or index of -the next panel to display. The layout itself does not provide a user interface for handling this navigation, -so that functionality must be provided by the developer.
- - -Containers that are configured with a card layout will have a method setActiveItem dynamically added to it. -
var p = new Ext.panel.Panel({
- fullscreen: true,
- layout: 'card',
- items: [{
- html: 'Card 1'
- },{
- html: 'Card 2'
- }]
- });
- p.setActiveItem(1);
- An optional extra CSS class that will be added to the container. This can be useful for adding -customized styles to the container or any of its children using standard CSS rules. See -Ext.Component.ctCls also.
- - - -Flag to notify the ownerCt Component on afterLayout of a change
-Flag to notify the ownerCt Component on afterLayout of a change
-Flag to notify the ownerCt Container on afterLayout of a change
-Flag to notify the ownerCt Container on afterLayout of a change
-True to render each contained item at the time it becomes active, false to render all contained items -as soon as the layout is rendered (defaults to false). If there is a significant amount of content or -a lot of heavy controls being rendered into panels that are not displayed by default, setting this to -true might improve performance.
-An optional extra CSS class that will be added to the container. This can be useful for adding -customized styles to the container or any of its children using standard CSS rules. See -Ext.Component.ctCls also.
- - - -Return the active (visible) component in the layout.
-Return the active (visible) component in the layout.
-Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's -base class), or the layout phase (onLayout).
- -of child components
-Return the active (visible) component in the layout to the next card
-Return the active (visible) component in the layout to the next card
-Return the active (visible) component in the layout to the previous card
-Return the active (visible) component in the layout to the previous card
-Returns the element into which rendering must take place. Defaults to the owner Container's Ext.AbstractComponent.targetEl.
- - -May be overridden in layout managers which implement an inner element.
-Returns the owner component's resize element.
-Returns the owner component's resize element.
-Sets the active (visible) component in the layout to the next card
-Sets the active (visible) component in the layout to the next card
-