<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The source code</title>
- <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
- <script type="text/javascript" src="../prettify/prettify.js"></script>
+ <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>
</span> * @class Ext.layout.container.AbstractContainer
* @extends Ext.layout.Layout
* Please refer to sub classes documentation
+ * @private
*/
-
Ext.define('Ext.layout.container.AbstractContainer', {
/* Begin Definitions */
type: 'container',
- fixedLayout: true,
-
- // @private
- managedHeight: true,
- // @private
- managedWidth: true,
-
<span id='Ext-layout-container-AbstractContainer-cfg-bindToOwnerCtComponent'> /**
</span> * @cfg {Boolean} bindToOwnerCtComponent
* Flag to notify the ownerCt Component on afterLayout of a change
</span> * @cfg {String} itemCls
* <p>An optional extra CSS class that will be added to the container. This can be useful for adding
* customized styles to the container or any of its children using standard CSS rules. See
- * {@link Ext.Component}.{@link Ext.Component#ctCls ctCls} also.</p>
+ * {@link Ext.Component}.{@link Ext.Component#componentCls componentCls} also.</p>
* </p>
*/
- isManaged: function(dimension) {
- dimension = Ext.String.capitalize(dimension);
- var me = this,
- child = me,
- managed = me['managed' + dimension],
- ancestor = me.owner.ownerCt;
-
- if (ancestor && ancestor.layout) {
- while (ancestor && ancestor.layout) {
- if (managed === false || ancestor.layout['managed' + dimension] === false) {
- managed = false;
- break;
- }
- ancestor = ancestor.ownerCt;
- }
- }
- return managed;
- },
-
- layout: function() {
- var me = this,
- owner = me.owner;
- if (Ext.isNumber(owner.height) || owner.isViewport) {
- me.managedHeight = false;
- }
- if (Ext.isNumber(owner.width) || owner.isViewport) {
- me.managedWidth = false;
- }
- me.callParent(arguments);
- },
-
<span id='Ext-layout-container-AbstractContainer-method-setItemSize'> /**
</span> * Set the size of an item within the Container. We should always use setCalculatedSize.
* @private
<span id='Ext-layout-container-AbstractContainer-method-getLayoutItems'> /**
</span> * <p>Returns an array of child components either for a render phase (Performed in the beforeLayout method of the layout's
* base class), or the layout phase (onLayout).</p>
- * @return {Array} of child components
+ * @return {Ext.Component[]} of child components
*/
getLayoutItems: function() {
return this.owner && this.owner.items && this.owner.items.items || [];
},
+<span id='Ext-layout-container-AbstractContainer-method-beforeLayout'> /**
+</span> * Containers should not lay out child components when collapsed.
+ */
+ beforeLayout: function() {
+ return !this.owner.collapsed && this.callParent(arguments);
+ },
+
afterLayout: function() {
this.owner.afterLayout(this);
},
<span id='Ext-layout-container-AbstractContainer-method-getTarget'> /**
</span> * Returns the owner component's resize element.
- * @return {Ext.core.Element}
+ * @return {Ext.Element}
*/
getTarget: function() {
return this.owner.getTargetEl();
},
<span id='Ext-layout-container-AbstractContainer-method-getRenderTarget'> /**
-</span> * <p>Returns the element into which rendering must take place. Defaults to the owner Container's {@link Ext.AbstractComponent#targetEl}.</p>
+</span> * <p>Returns the element into which rendering must take place. Defaults to the owner Container's target element.</p>
* May be overridden in layout managers which implement an inner element.
- * @return {Ext.core.Element}
+ * @return {Ext.Element}
*/
getRenderTarget: function() {
return this.owner.getTargetEl();