X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/source/widgets/layout/AccordionLayout.js

diff --git a/source/widgets/layout/AccordionLayout.js b/source/widgets/layout/AccordionLayout.js
deleted file mode 100644
index 906241e0..00000000
--- a/source/widgets/layout/AccordionLayout.js
+++ /dev/null
@@ -1,164 +0,0 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
-/**
- * @class Ext.layout.Accordion
- * @extends Ext.layout.FitLayout
- * <p>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:'accordion' {@link Ext.Container#layout}
- * config, and should generally not need to be created directly via the new keyword.</p>
- * <p>Note that when creating a layout via config, the layout-specific config properties must be passed in via
- * the {@link Ext.Container#layoutConfig} object which will then be applied internally to the layout.
- * Example usage:</p>
- * <pre><code>
-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: '&lt;p&gt;Panel content!&lt;/p&gt;'
-    },{
-        title: 'Panel 2',
-        html: '&lt;p&gt;Panel content!&lt;/p&gt;'
-    },{
-        title: 'Panel 3',
-        html: '&lt;p&gt;Panel content!&lt;/p&gt;'
-    }]
-});
-</code></pre>
- */
-Ext.layout.Accordion = Ext.extend(Ext.layout.FitLayout, {
-    /**
-     * @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,
-    /**
-     * @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
-     * layouts if they have auto width, so in such cases this config should be set to false.
-     */
-    autoWidth : true,
-    /**
-     * @cfg {Boolean} titleCollapse
-     * True to allow expand/collapse of each contained panel by clicking anywhere on the title bar, false to allow
-     * expand/collapse only when the toggle tool button is clicked (defaults to true).  When set to false,
-     * {@link #hideCollapseTool} should be false also.
-     */
-    titleCollapse : true,
-    /**
-     * @cfg {Boolean} hideCollapseTool
-     * True to hide the contained panels' collapse/expand toggle buttons, false to display them (defaults to false).
-     * When set to true, {@link #titleCollapse} should be true also.
-     */
-    hideCollapseTool : false,
-    /**
-     * @cfg {Boolean} collapseFirst
-     * 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).
-     */
-    collapseFirst : false,
-    /**
-     * @cfg {Boolean} animate
-     * 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.
-     */
-    animate : false,
-    /**
-     * @cfg {Boolean} sequence
-     * <b>Experimental</b>. If animate is set to true, this will result in each animation running in sequence.
-     */
-    sequence : false,
-    /**
-     * @cfg {Boolean} activeOnTop
-     * 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. <b>This is NOT compatible with "animate:true"</b> (defaults to false).
-     */
-    activeOnTop : false,
-
-    renderItem : function(c){
-        if(this.animate === false){
-            c.animCollapse = false;
-        }
-        c.collapsible = true;
-        if(this.autoWidth){
-            c.autoWidth = true;
-        }
-        if(this.titleCollapse){
-            c.titleCollapse = true;
-        }
-        if(this.hideCollapseTool){
-            c.hideCollapseTool = true;
-        }
-        if(this.collapseFirst !== undefined){
-            c.collapseFirst = this.collapseFirst;
-        }
-        if(!this.activeItem && !c.collapsed){
-            this.activeItem = c;
-        }else if(this.activeItem){
-            c.collapsed = true;
-        }
-        Ext.layout.Accordion.superclass.renderItem.apply(this, arguments);
-        c.header.addClass('x-accordion-hd');
-        c.on('beforeexpand', this.beforeExpand, this);
-    },
-
-    // private
-    beforeExpand : function(p, anim){
-        var ai = this.activeItem;
-        if(ai){
-            if(this.sequence){
-                delete this.activeItem;
-                if (!ai.collapsed){
-                    ai.collapse({callback:function(){
-                        p.expand(anim || true);
-                    }, scope: this});
-                    return false;
-                }
-            }else{
-                ai.collapse(this.animate);
-            }
-        }
-        this.activeItem = p;
-        if(this.activeOnTop){
-            p.el.dom.parentNode.insertBefore(p.el.dom, p.el.dom.parentNode.firstChild);
-        }
-        this.layout();
-    },
-
-    // private
-    setItemSize : function(item, size){
-        if(this.fill && item){
-            var items = this.container.items.items;
-            var hh = 0;
-            for(var i = 0, len = items.length; i < len; i++){
-                var p = items[i];
-                if(p != item){
-                    hh += (p.getSize().height - p.bwrap.getHeight());
-                }
-            }
-            size.height -= hh;
-            item.setSize(size);
-        }
-    }
-});
-Ext.Container.LAYOUTS['accordion'] = Ext.layout.Accordion;
\ No newline at end of file