git.ithinksw.org
/
extjs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Upgrade to ExtJS 3.1.0 - Released 12/16/2009
[extjs.git]
/
docs
/
source
/
AccordionLayout.html
diff --git
a/docs/source/AccordionLayout.html
b/docs/source/AccordionLayout.html
index
5c147da
..
fe5486e
100644
(file)
--- a/
docs/source/AccordionLayout.html
+++ b/
docs/source/AccordionLayout.html
@@
-1,5
+1,6
@@
<html>
\r
<head>
\r
<html>
\r
<head>
\r
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
\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
<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
@@
-8,8
+9,9
@@
<pre class="prettyprint lang-js"><div id="cls-Ext.layout.AccordionLayout"></div>/**
\r
* @class Ext.layout.AccordionLayout
\r
* @extends Ext.layout.FitLayout
\r
<pre class="prettyprint lang-js"><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
* <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
@@
-110,7
+112,7
@@
Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
c.collapseFirst = this.collapseFirst;
\r
}
\r
if(!this.activeItem && !c.collapsed){
\r
c.collapseFirst = this.collapseFirst;
\r
}
\r
if(!this.activeItem && !c.collapsed){
\r
- this.
activeItem = c
;
\r
+ this.
setActiveItem(c, true)
;
\r
}else if(this.activeItem && this.activeItem != c){
\r
c.collapsed = true;
\r
}
\r
}else if(this.activeItem && this.activeItem != c){
\r
c.collapsed = true;
\r
}
\r
@@
-118,6
+120,14
@@
Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
c.header.addClass('x-accordion-hd');
\r
c.on('beforeexpand', this.beforeExpand, this);
\r
},
\r
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
\r
// private
\r
beforeExpand : function(p, anim){
\r
@@
-135,7
+145,7
@@
Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
ai.collapse(this.animate);
\r
}
\r
}
\r
ai.collapse(this.animate);
\r
}
\r
}
\r
- this.
activeItem = p
;
\r
+ this.
setActive(p)
;
\r
if(this.activeOnTop){
\r
p.el.dom.parentNode.insertBefore(p.el.dom, p.el.dom.parentNode.firstChild);
\r
}
\r
if(this.activeOnTop){
\r
p.el.dom.parentNode.insertBefore(p.el.dom, p.el.dom.parentNode.firstChild);
\r
}
\r
@@
-161,15
+171,24
@@
Ext.layout.AccordionLayout = Ext.extend(Ext.layout.FitLayout, {
* @param {String/Number} item The string component id or numeric index of the item to activate
\r
*/
\r
setActiveItem : function(item){
\r
* @param {String/Number} item The string component id or numeric index of the item to activate
\r
*/
\r
setActiveItem : function(item){
\r
+ this.setActive(item, true);
\r
+ },
\r
+
\r
+ // private
\r
+ setActive : function(item, expand){
\r
+ var ai = this.activeItem;
\r
item = this.container.getComponent(item);
\r
item = this.container.getComponent(item);
\r
- if(
this.activeItem
!= item){
\r
- if(item.rendered && item.collapsed){
\r
+ if(
ai
!= item){
\r
+ if(item.rendered && item.collapsed
&& expand
){
\r
item.expand();
\r
}else{
\r
item.expand();
\r
}else{
\r
+ if(ai){
\r
+ ai.fireEvent('deactivate', ai);
\r
+ }
\r
this.activeItem = item;
\r
this.activeItem = item;
\r
+ item.fireEvent('activate', item);
\r
}
\r
}
\r
}
\r
}
\r
-
\r
}
\r
});
\r
Ext.Container.LAYOUTS.accordion = Ext.layout.AccordionLayout;
\r
}
\r
});
\r
Ext.Container.LAYOUTS.accordion = Ext.layout.AccordionLayout;
\r