X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..HEAD:/src/dd/DragTracker.js diff --git a/src/dd/DragTracker.js b/src/dd/DragTracker.js index 9fa18c49..a09ddb2d 100644 --- a/src/dd/DragTracker.js +++ b/src/dd/DragTracker.js @@ -30,16 +30,14 @@ Ext.define('Ext.dd.DragTracker', { }, /** - * @property active - * @type Boolean + * @property {Boolean} active * Read-only property indicated whether the user is currently dragging this * tracker. */ active: false, /** - * @property dragTarget - * @type HtmlElement + * @property {HTMLElement} dragTarget *

Only valid during drag operations. Read-only.

*

The element being dragged.

*

If the {@link #delegate} option is used, this will be the delegate element which was mousedowned.

@@ -61,7 +59,7 @@ Ext.define('Ext.dd.DragTracker', { */ /** - * @cfg {Ext.util.Region/Element} constrainTo + * @cfg {Ext.util.Region/Ext.Element} constrainTo *

A {@link Ext.util.Region Region} (Or an element from which a Region measurement will be read) which is used to constrain * the result of the {@link #getOffset} call.

*

This may be set any time during the DragTracker's lifecycle to set a dynamic constraining region.

@@ -107,7 +105,7 @@ Ext.define('Ext.dd.DragTracker', { * used, when the mouse enters a delegate element).

* @param {Object} this * @param {Object} e event object - * @param {HtmlElement} target The element mouseovered. + * @param {HTMLElement} target The element mouseovered. */ 'mouseover', @@ -189,7 +187,7 @@ Ext.define('Ext.dd.DragTracker', { /** * Initializes the DragTracker on a given element. - * @param {Ext.core.Element/HTMLElement} el The element + * @param {Ext.Element/HTMLElement} el The element */ initEl: function(el) { this.el = Ext.get(el); @@ -326,7 +324,7 @@ Ext.define('Ext.dd.DragTracker', { } } - // Returning false from a mousemove listener deactivates + // Returning false from a mousemove listener deactivates if (this.fireEvent('mousemove', this, e) === false) { this.onMouseUp(e); } else { @@ -397,6 +395,7 @@ Ext.define('Ext.dd.DragTracker', { * Template method which should be overridden by each DragTracker instance. Called when the user first clicks and * holds the mouse button down. Return false to disallow the drag * @param {Ext.EventObject} e The event object + * @template */ onBeforeStart : function(e) { @@ -406,6 +405,7 @@ Ext.define('Ext.dd.DragTracker', { * Template method which should be overridden by each DragTracker instance. Called when a drag operation starts * (e.g. the user has moved the tracked element beyond the specified tolerance) * @param {Ext.EventObject} e The event object + * @template */ onStart : function(xy) { @@ -414,6 +414,7 @@ Ext.define('Ext.dd.DragTracker', { /** * Template method which should be overridden by each DragTracker instance. Called whenever a drag has been detected. * @param {Ext.EventObject} e The event object + * @template */ onDrag : function(e) { @@ -423,6 +424,7 @@ Ext.define('Ext.dd.DragTracker', { * Template method which should be overridden by each DragTracker instance. Called when a drag operation has been completed * (e.g. the user clicked and held the mouse down, dragged the element and then released the mouse button) * @param {Ext.EventObject} e The event object + * @template */ onEnd : function(e) { @@ -432,7 +434,7 @@ Ext.define('Ext.dd.DragTracker', { *

Returns the drag target. This is usually the DragTracker's encapsulating element.

*

If the {@link #delegate} option is being used, this may be a child element which matches the * {@link #delegate} selector.

- * @return {Ext.core.Element} The element currently being tracked. + * @return {Ext.Element} The element currently being tracked. */ getDragTarget : function(){ return this.dragTarget; @@ -440,7 +442,7 @@ Ext.define('Ext.dd.DragTracker', { /** * @private - * @returns {Element} The DragTracker's encapsulating element. + * @returns {Ext.Element} The DragTracker's encapsulating element. */ getDragCt : function(){ return this.el; @@ -473,19 +475,21 @@ Ext.define('Ext.dd.DragTracker', { }, /** - *

Returns the X, Y offset of the current mouse position from the mousedown point.

- *

This method may optionally constrain the real offset values, and returns a point coerced in one - * of two modes:

- * @param constrainMode {String} Optional. If omitted the true mouse position is returned. May be passed - * as 'point' or 'dragTarget'. See above.. - * @returns {Array} The X, Y offset from the mousedown point, optionally constrained. + * Returns the X, Y offset of the current mouse position from the mousedown point. + * + * This method may optionally constrain the real offset values, and returns a point coerced in one + * of two modes: + * + * - `point` + * The current mouse position is coerced into the constrainRegion and the resulting position is returned. + * - `dragTarget` + * The new {@link Ext.util.Region Region} of the {@link #getDragTarget dragTarget} is calculated + * based upon the current mouse position, and then coerced into the constrainRegion. The returned + * mouse position is then adjusted by the same delta as was used to coerce the region.\ + * + * @param constrainMode {String} (Optional) If omitted the true mouse position is returned. May be passed + * as `point` or `dragTarget`. See above. + * @returns {Number[]} The `X, Y` offset from the mousedown point, optionally constrained. */ getOffset : function(constrain){ var xy = this.getXY(constrain),