X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..f5240829880f87e0cf581c6a296e436fdef0ef80:/docs/output/Ext.layout.AccordionLayout.html diff --git a/docs/output/Ext.layout.AccordionLayout.html b/docs/output/Ext.layout.AccordionLayout.html index 8229787f..812aa572 100644 --- a/docs/output/Ext.layout.AccordionLayout.html +++ b/docs/output/Ext.layout.AccordionLayout.html @@ -1,41 +1,42 @@ -
Properties Methods Events Config Options Direct Link
ContainerLayout
  FitLayout
    AccordionLayout

Class Ext.layout.AccordionLayout

Package:Ext.layout
Defined In:AccordionLayout.js
Class:AccordionLayout
Extends:FitLayout

This is a layout that contains multiple panels in an expandable accordion style such that only -one panel can be open at any given time. Each panel has built-in support for expanding and collapsing. -

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