X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..6b044c28b5f26fb99c86c237ffad19741c0f7f3d:/docs/output/Ext.layout.AccordionLayout.html diff --git a/docs/output/Ext.layout.AccordionLayout.html b/docs/output/Ext.layout.AccordionLayout.html index 1df2e8a4..ce299f9f 100644 --- a/docs/output/Ext.layout.AccordionLayout.html +++ b/docs/output/Ext.layout.AccordionLayout.html @@ -1,43 +1,45 @@ -
ContainerLayout FitLayout AccordionLayout
Package: | Ext.layout |
Defined In: | AccordionLayout.js |
Class: | AccordionLayout |
Extends: | FitLayout |
This is a layout that manages multiple Panels in an expandable accordion style such that only -one Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing.
-Note: Only Ext.Panels and all subclasses of Ext.Panel may be used in an accordion layout Container.
-This class is intended to be extended or created via the layout -configuration property. See Ext.Container.layout for additional details.
-Example usage:
-var accordion = new Ext.Panel({
- title: 'Accordion Layout',
- layout:'accordion',
- defaults: {
- // applied to each contained panel
- bodyStyle: 'padding:15px'
- },
- layoutConfig: {
- // layout-specific configs go here
- titleCollapse: false,
- animate: true,
- activeOnTop: true
- },
- items: [{
- title: 'Panel 1',
- html: '<p>Panel content!</p>'
- },{
- title: 'Panel 2',
- html: '<p>Panel content!</p>'
- },{
- title: 'Panel 3',
- html: '<p>Panel content!</p>'
- }]
-});
Config Options | Defined By | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
activeOnTop : Boolean True to swap the position of each panel as it is expanded so that it becomes the first item in the container,
-false ... True to swap the position of each panel as it is expanded so that it becomes the first item in the container,
-false to keep the panels in the rendered order. This is NOT compatible with "animate:true" (defaults to false). | AccordionLayout | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
animate : Boolean True to slide the contained panels open and closed during expand/collapse using animation, false to open and
-close d... True to slide the contained panels open and closed during expand/collapse using animation, false to open and
-close directly with no animation (defaults to false). Note: to defer to the specific config setting of each
-contained panel for this property, set this to undefined at the layout level. | AccordionLayout | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
autoWidth : Boolean True to set each contained item's width to 'auto', false to use the item's current width (defaults to true).
-Note th... True to set each contained item's width to 'auto', false to use the item's current width (defaults to true).
-Note that some components, in particular the grid, will not function properly within
-layouts if they have auto width, so in such cases this config should be set to false. | AccordionLayout | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
collapseFirst : Boolean True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools
-in the con... True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools
-in the contained panels' title bars, false to render it last (defaults to false). | AccordionLayout | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
extraCls : String An optional extra CSS class that will be added to the container. This can be useful for adding
+ ContainerLayout + FitLayout + AccordionLayout Class Ext.layout.AccordionLayout
This is a layout that manages multiple Panels in an expandable accordion style such that only +one Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing. +Note: Only Ext.Panels and all subclasses of Ext.Panel may be used in an accordion layout Container. +This class is intended to be extended or created via the layout +configuration property. See Ext.Container.layout for additional details. +Example usage: +
Config Options
Public Properties
Public Properties
Public Methods
Public Methods
Public EventsThis class has no public events. |