-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-layout.container.Box'>/**
+<!DOCTYPE html>
+<html>
+<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>
+ <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-container-Box'>/**
</span> * @class Ext.layout.container.Box
* @extends Ext.layout.container.Container
* <p>Base Class for HBoxLayout and VBoxLayout Classes. Generally it should not need to be used directly.</p>
/* End Definitions */
-<span id='Ext-layout.container.Box-cfg-animate'> /**
+<span id='Ext-layout-container-Box-cfg-animate'> /**
</span> * @cfg {Mixed} animate
* <p>If truthy, child Component are <i>animated</i> into position whenever the Container
* is layed out. If this option is numeric, it is used as the animation duration in milliseconds.</p>
* <p>May be set as a property at any time.</p>
*/
-<span id='Ext-layout.container.Box-cfg-defaultMargins'> /**
+<span id='Ext-layout-container-Box-cfg-defaultMargins'> /**
</span> * @cfg {Object} defaultMargins
* <p>If the individual contained items do not have a <tt>margins</tt>
* property specified or margin specified via CSS, the default margins from this property will be
left: 0
},
-<span id='Ext-layout.container.Box-cfg-padding'> /**
+<span id='Ext-layout-container-Box-cfg-padding'> /**
</span> * @cfg {String} padding
* <p>Sets the padding to be applied to all child items managed by this layout.</p>
* <p>This property must be specified as a string containing
// documented in subclasses
pack: 'start',
-<span id='Ext-layout.container.Box-cfg-pack'> /**
+<span id='Ext-layout-container-Box-cfg-pack'> /**
</span> * @cfg {String} pack
* Controls how the child items of the container are packed together. Acceptable configuration values
* for this property are:
* side of container</div></li>
* </ul></div>
*/
-<span id='Ext-layout.container.Box-cfg-flex'> /**
+<span id='Ext-layout-container-Box-cfg-flex'> /**
</span> * @cfg {Number} flex
* This configuration option is to be applied to <b>child <tt>items</tt></b> of the container managed
* by this layout. Each child item with a <tt>flex</tt> property will be flexed <b>horizontally</b>
bindToOwnerCtContainer: true,
- fixedLayout: false,
-
// availableSpaceOffset is used to adjust the availableWidth, typically used
// to reserve space for a scrollbar
availableSpaceOffset: 0,
// whether or not to reserve the availableSpaceOffset in layout calculations
reserveOffset: true,
-<span id='Ext-layout.container.Box-cfg-clearInnerCtOnLayout'> /**
+<span id='Ext-layout-container-Box-cfg-clearInnerCtOnLayout'> /**
</span> * @cfg {Boolean} clearInnerCtOnLayout
*/
clearInnerCtOnLayout: false,
me.initOverflowHandler();
},
-<span id='Ext-layout.container.Box-method-getChildBox'> /**
+<span id='Ext-layout-container-Box-method-getChildBox'> /**
</span> * @private
* Returns the current size and positioning of the passed child item.
* @param {Component} child The child Component to calculate the box for
*/
getChildBox: function(child) {
child = child.el || this.owner.getComponent(child).el;
+ var size = child.getBox(false, true);
return {
- left: child.getLeft(true),
- top: child.getTop(true),
- width: child.getWidth(),
- height: child.getHeight()
+ left: size.left,
+ top: size.top,
+ width: size.width,
+ height: size.height
};
},
-<span id='Ext-layout.container.Box-method-calculateChildBox'> /**
+<span id='Ext-layout-container-Box-method-calculateChildBox'> /**
</span> * @private
* Calculates the size and positioning of the passed child item.
* @param {Component} child The child Component to calculate the box for
}
},
-<span id='Ext-layout.container.Box-method-calculateChildBoxes'> /**
+<span id='Ext-layout-container-Box-method-calculateChildBoxes'> /**
</span> * @private
* Calculates the size and positioning of each item in the box. This iterates over all of the rendered,
* visible items and returns a height, width, top and left for each, as well as a reference to each. Also
paddingPerpendicular = perpendicularOffset + padding[me.perpendicularRightBottom],
availPerpendicularSize = mmax(0, perpendicularSize - paddingPerpendicular),
+ innerCtBorderWidth = me.innerCt.getBorderWidth(me.perpendicularLT + me.perpendicularRB),
+
isStart = me.pack == 'start',
isCenter = me.pack == 'center',
isEnd = me.pack == 'end',
// When calculating a centered position within the content box of the innerCt, the width of the borders must be subtracted from
// the size to yield the space available to center within.
// The updateInnerCtSize method explicitly adds the border widths to the set size of the innerCt.
- diff = mmax(availPerpendicularSize, maxSize) - me.innerCt.getBorderWidth(me.perpendicularLT + me.perpendicularRB) - calcs[perpendicularPrefix];
+ diff = mmax(availPerpendicularSize, maxSize) - innerCtBorderWidth - calcs[perpendicularPrefix];
if (diff > 0) {
calcs[me.perpendicularLeftTop] = perpendicularOffset + Math.round(diff / 2);
}
}
};
},
+
+ onRemove: function(comp){
+ this.callParent(arguments);
+ if (this.overflowHandler) {
+ this.overflowHandler.onRemove(comp);
+ }
+ },
-<span id='Ext-layout.container.Box-method-initOverflowHandler'> /**
+<span id='Ext-layout-container-Box-method-initOverflowHandler'> /**
</span> * @private
*/
initOverflowHandler: function() {
}
var handlerType = 'None';
- if (handler && handler.type != undefined) {
+ if (handler && handler.type !== undefined) {
handlerType = handler.type;
}
this.overflowHandler = Ext.create('Ext.layout.container.boxOverflow.' + handlerType, this, handler);
},
-<span id='Ext-layout.container.Box-method-onLayout'> /**
+<span id='Ext-layout-container-Box-method-onLayout'> /**
</span> * @private
* Runs the child box calculations and caches them in childBoxCache. Subclasses can used these cached values
* when laying out
}
if (results.recalculate) {
- items = me.getVisibleItems(owner);
+ items = me.getVisibleItems();
calcs = me.calculateChildBoxes(items, targetSize);
boxes = calcs.boxes;
}
me.overflowHandler.clearOverflow();
}
-<span id='Ext-layout.container.Box-property-layoutTargetLastSize'> /**
+<span id='Ext-layout-container-Box-property-layoutTargetLastSize'> /**
</span> * @private
* @property layoutTargetLastSize
* @type Object
*/
me.layoutTargetLastSize = targetSize;
-<span id='Ext-layout.container.Box-property-childBoxCache'> /**
+<span id='Ext-layout-container-Box-property-childBoxCache'> /**
</span> * @private
* @property childBoxCache
* @type Array
me.handleTargetOverflow(targetSize);
},
-<span id='Ext-layout.container.Box-method-updateChildBoxes'> /**
+<span id='Ext-layout-container-Box-method-updateChildBoxes'> /**
</span> * Resizes and repositions each child component
* @param {Array} boxes The box measurements
*/
}
},
-<span id='Ext-layout.container.Box-method-updateInnerCtSize'> /**
+<span id='Ext-layout-container-Box-method-updateInnerCtSize'> /**
</span> * @private
* Called by onRender just before the child components are sized and positioned. This resizes the innerCt
* to make sure all child items fit within it. We call this before sizing the children because if our child
}
},
-<span id='Ext-layout.container.Box-method-handleTargetOverflow'> /**
+<span id='Ext-layout-container-Box-method-handleTargetOverflow'> /**
</span> * @private
* This should be called after onLayout of any BoxLayout subclass. If the target's overflow is not set to 'hidden',
* we need to lay out a second time because the scrollbars may have modified the height and width of the layout
item.margins = margins;
},
-<span id='Ext-layout.container.Box-method-destroy'> /**
+<span id='Ext-layout-container-Box-method-destroy'> /**
</span> * @private
*/
destroy: function() {
Ext.destroy(this.overflowHandler);
this.callParent(arguments);
}
-});</pre></pre></body></html>
\ No newline at end of file
+});</pre>
+</body>
+</html>
git.ithinksw.org / extjs.git / blobdiff