X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.layout.AccordionLayout.html diff --git a/docs/output/Ext.layout.AccordionLayout.html b/docs/output/Ext.layout.AccordionLayout.html index 1df2e8a4..1952ff28 100644 --- a/docs/output/Ext.layout.AccordionLayout.html +++ b/docs/output/Ext.layout.AccordionLayout.html @@ -1,43 +1,43 @@ -
ContainerLayout
  FitLayout
    AccordionLayout

Class Ext.layout.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

Config OptionsDefined By