-<!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.ComponentDragger-method-constructor'><span id='Ext-util.ComponentDragger'>/**
-</span></span> * @class Ext.util.ComponentDragger
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>The source code</title>
+ <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>
+ <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-ComponentDragger'>/**
+</span> * @class Ext.util.ComponentDragger
* @extends Ext.dd.DragTracker
* <p>A subclass of Ext.dd.DragTracker which handles dragging any Component.</p>
* <p>This is configured with a Component to be made draggable, and a config object for the
* {@link Ext.dd.DragTracker} class.</p>
- * <p>A {@link #} delegate may be provided which may be either the element to use as the mousedown target
+ * <p>A {@link #delegate} may be provided which may be either the element to use as the mousedown target
* or a {@link Ext.DomQuery} selector to activate multiple mousedown targets.</p>
- * @constructor Create a new ComponentTracker
- * @param {object} comp The Component to provide dragging for.
- * @param {object} config The config object
*/
Ext.define('Ext.util.ComponentDragger', {
-<span id='Ext-util.ComponentDragger-cfg-constrain'> /**
+<span id='Ext-util-ComponentDragger-cfg-constrain'> /**
</span> * @cfg {Boolean} constrain
* Specify as <code>true</code> to constrain the Component to within the bounds of the {@link #constrainTo} region.
*/
-<span id='Ext-util.ComponentDragger-cfg-delegate'> /**
-</span> * @cfg {String/Element} delegate
+<span id='Ext-util-ComponentDragger-cfg-delegate'> /**
+</span> * @cfg {String/Ext.Element} delegate
* Optional. <p>A {@link Ext.DomQuery DomQuery} selector which identifies child elements within the Component's encapsulating
* Element which are the drag handles. This limits dragging to only begin when the matching elements are mousedowned.</p>
* <p>This may also be a specific child element within the Component's encapsulating element to use as the drag handle.</p>
*/
-<span id='Ext-util.ComponentDragger-cfg-constrainDelegate'> /**
+<span id='Ext-util-ComponentDragger-cfg-constrainDelegate'> /**
</span> * @cfg {Boolean} constrainDelegate
- * Specify as <code>true</code> to constrain the drag handles within the {@link constrainTo} region.
+ * Specify as <code>true</code> to constrain the drag handles within the {@link #constrainTo} region.
*/
extend: 'Ext.dd.DragTracker',
autoStart: 500,
+<span id='Ext-util-ComponentDragger-method-constructor'> /**
+</span> * Creates new ComponentDragger.
+ * @param {Object} comp The Component to provide dragging for.
+ * @param {Object} config (optional) Config object
+ */
constructor: function(comp, config) {
this.comp = comp;
this.initialConstrainTo = config.constrainTo;
comp = (me.proxy && !me.comp.liveDrag) ? me.proxy : me.comp,
offset = me.getOffset(me.constrain || me.constrainDelegate ? 'dragTarget' : null);
- comp.setPosition.apply(comp, [me.startPosition[0] + offset[0], me.startPosition[1] + offset[1]]);
+ comp.setPosition(me.startPosition[0] + offset[0], me.startPosition[1] + offset[1]);
},
onEnd: function(e) {
this.comp.unghost();
}
}
-});</pre></pre></body></html>
\ No newline at end of file
+});</pre>
+</body>
+</html>