This layout manages multiple child Components, each fitted to the Container, where only a single child Component can be
+
This layout manages multiple child Components, each fitted 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.layout config,
and should generally not need to be created directly via the new keyword.
@@ -56,11 +56,11 @@ CardLayout to provide the custom functionality needed. Example usage:
id:
'card-2',
html:
'<h1>Congratulations!</h1><p>Step 3 of 3 - Complete</p>'
}]
-});
Config Options
|
| deferredRender : BooleanTrue to render each contained item at the time it becomes active, false to render all contained items
+}); Config Options|
| deferredRender : BooleanTrue to render each contained item at the time it becomes active, false to render all contained items
as soon as the... 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. | CardLayout | | extraCls : StringAn optional extra CSS class that will be added to the container. This can be useful for adding
+true might improve performance. | CardLayout | | extraCls : StringAn optional extra CSS class that will be added to the container. This can be useful for adding
customized styles to t... 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.
@@ -73,15 +73,15 @@ which assign a value by default:
To configure the above Classes with an extra CSS class append to the default. For example,
for ColumnLayout: extraCls: 'x-column custom-class'
- | ContainerLayout | | layoutOnCardChange : Boolean True to force a layout of the active item when the active card is changed. Defaults to false. | CardLayout |
Public Properties|
| activeItem : Ext.ComponentA reference to the Ext.Component that is active. For example, if(myPanel.layout.activeItem.id == 'item-1') { ... }
+ | ContainerLayout | | layoutOnCardChange : Boolean True to force a layout of the active item when the active card is changed. Defaults to false. | CardLayout |
Public Properties|
| activeItem : Ext.ComponentA reference to the Ext.Component that is active. For example, if(myPanel.layout.activeItem.id == 'item-1') { ... }
a... | ContainerLayout | | fieldTpl : Ext.Template | ContainerLayout | | fieldTpl : Ext.TemplateThe Ext.Template used by Field rendering layout classes (such as
Ext.layout.FormLayout) to create the DOM structure o... | ContainerLayout |
Public MethodsPublic Methods|
| setActiveItem( String/Number item )
+ :
voidSets the active (visible) item in the layout. Sets the active (visible) item in the layout. | CardLayout |
Public EventsThis class has no public events.
\ No newline at end of file
|