Upgrade to ExtJS 3.0.3 - Released 10/11/2009
[extjs.git] / docs / source / AccordionLayout.html
index 5c147da..6cc5292 100644 (file)
@@ -1,15 +1,22 @@
-<html>\r
-<head>\r
-  <title>The source code</title>\r
-    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
-    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body  onload="prettyPrint();">\r
-    <pre class="prettyprint lang-js"><div id="cls-Ext.layout.AccordionLayout"></div>/**\r
+<html>
+<head>
+  <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>
+</head>
+<body  onload="prettyPrint();">
+    <pre class="prettyprint lang-js">/*!
+ * Ext JS Library 3.0.3
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+<div id="cls-Ext.layout.AccordionLayout"></div>/**\r
  * @class Ext.layout.AccordionLayout\r
  * @extends Ext.layout.FitLayout\r
- * <p>This is a layout that contains multiple panels in an expandable accordion style such that only\r
- * <b>one panel can be open at any given time</b>.  Each panel has built-in support for expanding and collapsing.\r
+ * <p>This is a layout that manages multiple Panels in an expandable accordion style such that only\r
+ * <b>one Panel can be expanded at any given time</b>. Each Panel has built-in support for expanding and collapsing.</p>\r
+ * <p>Note: Only Ext.Panels <b>and all subclasses of Ext.Panel</b> may be used in an accordion layout Container.</p>\r
  * <p>This class is intended to be extended or created via the <tt><b>{@link Ext.Container#layout layout}</b></tt>\r
  * configuration property.  See <tt><b>{@link Ext.Container#layout}</b></tt> for additional details.</p>\r
  * <p>Example usage:</p>\r
@@ -118,6 +125,14 @@ Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
         c.header.addClass('x-accordion-hd');\r
         c.on('beforeexpand', this.beforeExpand, this);\r
     },\r
+    \r
+    onRemove: function(c){\r
+        Ext.layout.AccordionLayout.superclass.onRemove.call(this, c);\r
+        if(c.rendered){\r
+            c.header.removeClass('x-accordion-hd');\r
+        }\r
+        c.un('beforeexpand', this.beforeExpand, this);\r
+    },\r
 \r
     // private\r
     beforeExpand : function(p, anim){\r
@@ -175,6 +190,6 @@ Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
 Ext.Container.LAYOUTS.accordion = Ext.layout.AccordionLayout;\r
 \r
 //backwards compat\r
-Ext.layout.Accordion = Ext.layout.AccordionLayout;</pre>    \r
-</body>\r
+Ext.layout.Accordion = Ext.layout.AccordionLayout;</pre>
+</body>
 </html>
\ No newline at end of file