-<!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-util.Floating'>/**
+<!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-util-Floating'>/**
</span> * @class Ext.util.Floating
* A mixin to add floating capability to a Component
*/
uses: ['Ext.Layer', 'Ext.window.Window'],
-<span id='Ext-util.Floating-cfg-focusOnToFront'> /**
+<span id='Ext-util-Floating-cfg-focusOnToFront'> /**
</span> * @cfg {Boolean} focusOnToFront
* Specifies whether the floated component should be automatically {@link #focus focused} when it is
* {@link #toFront brought to the front}. Defaults to true.
*/
focusOnToFront: true,
-<span id='Ext-util.Floating-cfg-shadow'> /**
+<span id='Ext-util-Floating-cfg-shadow'> /**
</span> * @cfg {String/Boolean} shadow Specifies whether the floating component should be given a shadow. Set to
* <tt>true</tt> to automatically create an {@link Ext.Shadow}, or a string indicating the
* shadow's display {@link Ext.Shadow#mode}. Set to <tt>false</tt> to disable the shadow.
}
},
-<span id='Ext-util.Floating-method-getZIndexParent'> /**
+<span id='Ext-util-Floating-method-getZIndexParent'> /**
</span> * @private
* <p>Finds the ancestor Container responsible for allocating zIndexes for the passed Component.</p>
* <p>That will be the outermost floating Container (a Container which has no ownerCt and has floating:true).</p>
return index;
},
-<span id='Ext-util.Floating-method-doConstrain'> /**
+<span id='Ext-util-Floating-method-doConstrain'> /**
</span> * <p>Moves this floating Component into a constrain region.</p>
* <p>By default, this Component is constrained to be within the container it was added to, or the element
* it was rendered to.</p>
*/
doConstrain: function(constrainTo) {
var me = this,
- constrainEl,
- vector,
+ vector = me.getConstrainVector(constrainTo),
xy;
+ if (vector) {
+ xy = me.getPosition();
+ xy[0] += vector[0];
+ xy[1] += vector[1];
+ me.setPosition(xy);
+ }
+ },
+
+
+<span id='Ext-util-Floating-method-getConstrainVector'> /**
+</span> * Gets the x/y offsets to constrain this float
+ * @private
+ * @param {Mixed} constrainTo Optional. The Element or {@link Ext.util.Region Region} into which this Component is to be constrained.
+ * @return {Array} The x/y constraints
+ */
+ getConstrainVector: function(constrainTo){
+ var me = this,
+ el;
+
if (me.constrain || me.constrainHeader) {
- if (me.constrainHeader) {
- constrainEl = me.header.el;
- } else {
- constrainEl = me.el;
- }
- vector = constrainEl.getConstrainVector(constrainTo || (me.floatParent && me.floatParent.getTargetEl()) || me.container);
- if (vector) {
- xy = me.getPosition();
- xy[0] += vector[0];
- xy[1] += vector[1];
- me.setPosition(xy);
- }
+ el = me.constrainHeader ? me.header.el : me.el;
+ constrainTo = constrainTo || (me.floatParent && me.floatParent.getTargetEl()) || me.container;
+ return el.getConstrainVector(constrainTo);
}
},
-<span id='Ext-util.Floating-method-alignTo'> /**
+<span id='Ext-util-Floating-method-alignTo'> /**
</span> * Aligns this floating Component to the specified element
* @param {Mixed} element The element or {@link Ext.Component} to align to. If passing a component, it must
* be a omponent instance. If a string id is passed, it will be used as an element id.
return this;
},
-<span id='Ext-util.Floating-method-toFront'> /**
+<span id='Ext-util-Floating-method-toFront'> /**
</span> * <p>Brings this floating Component to the front of any other visible, floating Components managed by the same {@link Ext.ZIndexManager ZIndexManager}</p>
* <p>If this Component is modal, inserts the modal mask just below this Component in the z-index stack.</p>
* @param {Boolean} preventFocus (optional) Specify <code>true</code> to prevent the Component from being focused.
return me;
},
-<span id='Ext-util.Floating-method-setActive'> /**
+<span id='Ext-util-Floating-method-setActive'> /**
</span> * <p>This method is called internally by {@link Ext.ZIndexManager} to signal that a floating
* Component has either been moved to the top of its zIndex stack, or pushed from the top of its zIndex stack.</p>
* <p>If a <i>Window</i> is superceded by another Window, deactivating it hides its shadow.</p>
}
},
-<span id='Ext-util.Floating-method-toBack'> /**
+<span id='Ext-util-Floating-method-toBack'> /**
</span> * Sends this Component to the back of (lower z-index than) any other visible windows
* @return {Component} this
*/
return this;
},
-<span id='Ext-util.Floating-method-center'> /**
+<span id='Ext-util-Floating-method-center'> /**
</span> * Center this Component in its container.
* @return {Component} this
*/
this.setSize(size);
}
-});</pre></pre></body></html>
\ No newline at end of file
+});</pre>
+</body>
+</html>