Alien-Web-ExtJS-V3
328 results

 view release on metacpan or  search on metacpan

share/docs/source/AccordionLayout.html  view on Meta::CPAN 

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-layout-AccordionLayout'>/**
</span> * @class Ext.layout.AccordionLayout
 * @extends Ext.layout.FitLayout
 * &lt;p&gt;This is a layout that manages multiple Panels in an expandable accordion style such that only
 * &lt;b&gt;one Panel can be expanded at any given time&lt;/b&gt;. Each Panel has built-in support for expanding and collapsing.&lt;/p&gt;
 * &lt;p&gt;Note: Only Ext.Panels &lt;b&gt;and all subclasses of Ext.Panel&lt;/b&gt; may be used in an accordion layout Container.&lt;/p&gt;
 * &lt;p&gt;This class is intended to be extended or created via the &lt;tt&gt;&lt;b&gt;{@link Ext.Container#layout layout}&lt;/b&gt;&lt;/tt&gt;
 * configuration property.  See &lt;tt&gt;&lt;b&gt;{@link Ext.Container#layout}&lt;/b&gt;&lt;/tt&gt; for additional details.&lt;/p&gt;
 * &lt;p&gt;Example usage:&lt;/p&gt;
 * &lt;pre&gt;&lt;code&gt;
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: '&amp;lt;p&amp;gt;Panel content!&amp;lt;/p&amp;gt;'
    },{
        title: 'Panel 2',
        html: '&amp;lt;p&amp;gt;Panel content!&amp;lt;/p&amp;gt;'
    },{
        title: 'Panel 3',
        html: '&amp;lt;p&amp;gt;Panel content!&amp;lt;/p&amp;gt;'
    }]
});
&lt;/code&gt;&lt;/pre&gt;
 */
Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
<span id='Ext-layout-AccordionLayout-cfg-fill'>    /**
</span>     * @cfg {Boolean} fill
     * True to adjust the active item's height to fill the available space in the container, false to use the
     * item's current height, or auto height if not explicitly set (defaults to true).
     */
    fill : true,
<span id='Ext-layout-AccordionLayout-cfg-autoWidth'>    /**
</span>     * @cfg {Boolean} autoWidth
     * 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 {@link Ext.grid.GridPanel grid}, will not function properly within



( run in 0.726 second using v1.01-cache-2.11-cpan-02777c243ea )