X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/api/Ext.layout.container.AbstractCard.html?ds=sidebyside diff --git a/docs/api/Ext.layout.container.AbstractCard.html b/docs/api/Ext.layout.container.AbstractCard.html new file mode 100644 index 00000000..13c73dd1 --- /dev/null +++ b/docs/api/Ext.layout.container.AbstractCard.html @@ -0,0 +1,128 @@ +Ext.layout.container.AbstractCard | Ext JS 4.0 Documentation +
For up to date documentation and features, visit +http://docs.sencha.com/ext-js/4-0

Sencha Documentation

+ + + + + +

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);
+   
+

+ +
Defined By

Config Options

CSS Class configs

 
An 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.

+ + +

+

Other Configs

 

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 ...

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 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.

+ + +

+
Defined By

Methods

 

Return the active (visible) component in the layout.

+

Return the active (visible) component in the layout.

+

Returns

  • Ext.Component    +
 
Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's +...

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).

+ +

Returns

  • Array   

    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

+

Parameters

  • wrap : Object
    +

Returns

  • Ext.Component    +
 

Return the active (visible) component in the layout to the previous card

+

Return the active (visible) component in the layout to the previous card

+

Parameters

  • wrap : Object
    +

Returns

  • Ext.Component    +
 
Returns the element into which rendering must take place. Defaults to the owner Container's Ext.AbstractComponent.tar...

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

  • Ext.core.Element    +
 

Returns the owner component's resize element.

+

Returns the owner component's resize element.

+

Returns

  • Ext.core.Element    +
 
next( +Object anim, Object wrap) + : void

Sets the active (visible) component in the layout to the next card

+

Sets the active (visible) component in the layout to the next card

+

Parameters

  • anim : Object
    +
  • wrap : Object
    +

Returns

  • void    +
 
prev( +Object anim, Object wrap) + : void

Sets the active (visible) component in the layout to the previous card

+

Sets the active (visible) component in the layout to the previous card

+

Parameters

  • anim : Object
    +
  • wrap : Object
    +

Returns

  • void    +
\ No newline at end of file