Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / docs / output / Ext.dd.DragZone.html
index 49a0bbe..a7a308a 100644 (file)
@@ -1,69 +1,68 @@
-<div xmlns:ext="http://www.extjs.com" class="body-wrap"><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.dd.DragDrop.html" ext:member="" ext:cls="Ext.dd.DragDrop">DragDrop</a>&#13;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.dd.DD.html" ext:member="" ext:cls="Ext.dd.DD">DD</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.dd.DDProxy.html" ext:member="" ext:cls="Ext.dd.DDProxy">DDProxy</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif"><a href="output/Ext.dd.DragSource.html" ext:member="" ext:cls="Ext.dd.DragSource">DragSource</a>&#13;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="resources/elbow-end.gif">DragZone</pre></div><h1>Class <a href="source/DragZone.html#cls-Ext.dd.DragZone">Ext.dd.DragZone</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.dd</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">DragZone.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/DragZone.html#cls-Ext.dd.DragZone">DragZone</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.grid.GridDragZone.html" ext:cls="Ext.grid.GridDragZone">GridDragZone</a>,&#13;<a href="output/Ext.tree.TreeDragZone.html" ext:cls="Ext.tree.TreeDragZone">TreeDragZone</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.dd.DragSource.html" ext:cls="Ext.dd.DragSource" ext:member="">DragSource</a></td></tr></table><div class="description"><p>This class provides a container DD instance that allows dragging of multiple child source nodes.</p>\r
-<p>This class does not move the drag target nodes, but a proxy element which may contain\r
-any DOM structure you wish. The DOM element to show in the proxy is provided by either a\r
-provided implementation of <a href="output/Ext.dd.DragZone.html#Ext.dd.DragZone-getDragData" ext:member="getDragData" ext:cls="Ext.dd.DragZone">getDragData</a>, or by registered draggables registered with <a href="output/Ext.dd.Registry.html" ext:cls="Ext.dd.Registry">Ext.dd.Registry</a></p>\r
-<p>If you wish to provide draggability for an arbitrary number of DOM nodes, each of which represent some\r
-application object (For example nodes in a <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>) then use of this class\r
-is the most efficient way to "activate" those nodes.</p>\r
-<p>By default, this class requires that draggable child nodes are registered with <a href="output/Ext.dd.Registry.html" ext:cls="Ext.dd.Registry">Ext.dd.Registry</a>.\r
-However a simpler way to allow a DragZone to manage any number of draggable elements is to configure\r
-the DragZone with  an implementation of the <a href="output/Ext.dd.DragZone.html#Ext.dd.DragZone-getDragData" ext:member="getDragData" ext:cls="Ext.dd.DragZone">getDragData</a> method which interrogates the passed\r
-mouse event to see if it has taken place within an element, or class of elements. This is easily done\r
-by using the event's <a href="output/Ext.EventObject.html#Ext.EventObject-getTarget" ext:member="getTarget" ext:cls="Ext.EventObject">getTarget</a> method to identify a node based on a\r
-<a href="output/Ext.DomQuery.html" ext:cls="Ext.DomQuery">Ext.DomQuery</a> selector. For example, to make the nodes of a DataView draggable, use the following\r
-technique. Knowledge of the use of the DataView is required:</p><pre><code>myDataView.on(<em>'render'</em>, <b>function</b>(v) {\r
-    myDataView.dragZone = <b>new</b> Ext.dd.DragZone(v.getEl(), {\r
-\r
-<i>//      On receipt of a mousedown event, see <b>if</b> it is within a DataView node.\r</i>
-<i>//      Return a drag data object <b>if</b> so.\r</i>
-        getDragData: <b>function</b>(e) {\r
-\r
-<i>//          Use the DataView<em>'s own itemSelector (a mandatory property) to\r</i>
-<i>//          test <b>if</b> the mousedown is within one of the DataView'</em>s nodes.\r</i>
-            <b>var</b> sourceEl = e.getTarget(v.itemSelector, 10);\r
-\r
-<i>//          If the mousedown is within a DataView node, clone the node to produce\r</i>
-<i>//          a ddel element <b>for</b> use by the drag proxy. Also add application data\r</i>
-<i>//          to the returned data object.\r</i>
-            <b>if</b> (sourceEl) {\r
-                d = sourceEl.cloneNode(true);\r
-                d.id = Ext.id();\r
-                <b>return</b> {\r
-                    ddel: d,\r
-                    sourceEl: sourceEl,\r
-                    repairXY: Ext.fly(sourceEl).getXY(),\r
-                    sourceStore: v.store,\r
-                    draggedRecord: v.<a href="output/Ext.DataView.html#Ext.DataView-getRecord" ext:member="getRecord" ext:cls="Ext.DataView">getRecord</a>(sourceEl)\r
-                }\r
-            }\r
-        },\r
-\r
-<i>//      Provide coordinates <b>for</b> the proxy to slide back to on failed drag.\r</i>
-<i>//      This is the original XY coordinates of the draggable element captured\r</i>
-<i>//      <b>in</b> the getDragData method.\r</i>
-        getRepairXY: <b>function</b>() {\r
-            <b>return</b> this.dragData.repairXY;\r
-        }\r
-    });\r
-});</code></pre>\r
-See the <a href="output/Ext.dd.DropZone.html" ext:cls="Ext.dd.DropZone">DropZone</a> documentation for details about building a DropZone which\r
-cooperates with this DragZone.</div><div class="hr"></div><a id="Ext.dd.DragZone-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-containerScroll"></a><b><a href="source/DragZone.html#cfg-Ext.dd.DragZone-containerScroll">containerScroll</a></b> : Boolean<div class="mdesc">True to register this container with the Scrollmanager\r
-for auto scrolling during drag operations.</div></td><td class="msource">DragZone</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-ddGroup"></a><b><a href="source/DragSource.html#cfg-Ext.dd.DragSource-ddGroup">ddGroup</a></b> : String<div class="mdesc"><div class="short">A named drag drop group to which this object belongs.  If a group is specified, then this object will only&#13;
-interact ...</div><div class="long">A named drag drop group to which this object belongs.  If a group is specified, then this object will only\r
-interact with other drag drop objects in the same group (defaults to undefined).</div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#ddGroup" ext:member="#ddGroup" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-dropAllowed"></a><b><a href="source/DragSource.html#cfg-Ext.dd.DragSource-dropAllowed">dropAllowed</a></b> : String<div class="mdesc">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#dropAllowed" ext:member="#dropAllowed" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-dropNotAllowed"></a><b><a href="source/DragSource.html#cfg-Ext.dd.DragSource-dropNotAllowed">dropNotAllowed</a></b> : String<div class="mdesc">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#dropNotAllowed" ext:member="#dropNotAllowed" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-hlColor"></a><b><a href="source/DragZone.html#cfg-Ext.dd.DragZone-hlColor">hlColor</a></b> : String<div class="mdesc"><div class="short">The color to use when visually highlighting the drag source in the afterRepair&#13;
-method after a failed drop (defaults ...</div><div class="long">The color to use when visually highlighting the drag source in the afterRepair\r
-method after a failed drop (defaults to "c3daf9" - light blue)</div></div></td><td class="msource">DragZone</td></tr></tbody></table><a id="Ext.dd.DragZone-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DDProxy-Ext.dd.DDProxy.dragElId"></a><b><a href="source/DDCore.html#prop-Ext.dd.DDProxy-Ext.dd.DDProxy.dragElId">Ext.dd.DDProxy.dragElId</a></b> : String<div class="mdesc">The default drag frame div id</div></td><td class="msource"><a href="output/Ext.dd.DDProxy.html#Ext.dd.DDProxy.dragElId" ext:member="#Ext.dd.DDProxy.dragElId" ext:cls="Ext.dd.DDProxy">DDProxy</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-Only"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-Only">Only</a></b> : Object<div class="mdesc"><div class="short">The drag and drop utility provides a framework for building drag and drop
-applications.  In addition to enabling drag...</div><div class="long">The drag and drop utility provides a framework for building drag and drop
-applications.  In addition to enabling drag and drop for specific elements,
-the drag and drop elements are tracked by the manager class, and the
-interactions between the various elements are tracked during the drag and
-the implementing code is notified about these important moments.</div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#Only" ext:member="#Only" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-available"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-available">available</a></b> : boolean<div class="mdesc">The availabe property is false until the linked dom element is accessible.</div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#available" ext:member="#available" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DDProxy-centerFrame"></a><b><a href="source/DDCore.html#prop-Ext.dd.DDProxy-centerFrame">centerFrame</a></b> : boolean<div class="mdesc"><div class="short">By default the frame is positioned exactly where the drag element is, so
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.dd.DragZone-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.dd.DragZone-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.dd.DragZone-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.dd.DragZone-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.dd.DragZone"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.dd.DragDrop.html" ext:member="" ext:cls="Ext.dd.DragDrop">DragDrop</a>
+  <img src="resources/elbow-end.gif"><a href="output/Ext.dd.DD.html" ext:member="" ext:cls="Ext.dd.DD">DD</a>
+    <img src="resources/elbow-end.gif"><a href="output/Ext.dd.DDProxy.html" ext:member="" ext:cls="Ext.dd.DDProxy">DDProxy</a>
+      <img src="resources/elbow-end.gif"><a href="output/Ext.dd.DragSource.html" ext:member="" ext:cls="Ext.dd.DragSource">DragSource</a>
+        <img src="resources/elbow-end.gif">DragZone</pre></div><h1>Class <a href="source/DragZone.html#cls-Ext.dd.DragZone">Ext.dd.DragZone</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.dd</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/DragZone.html#cls-Ext.dd.DragZone">DragZone.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/DragZone.html#cls-Ext.dd.DragZone">DragZone</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.grid.GridDragZone.html" ext:cls="Ext.grid.GridDragZone">GridDragZone</a>,&#13;<a href="output/Ext.tree.TreeDragZone.html" ext:cls="Ext.tree.TreeDragZone">TreeDragZone</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.dd.DragSource.html" ext:cls="Ext.dd.DragSource" ext:member="">DragSource</a></td></tr></table><div class="description"><p>This class provides a container DD instance that allows dragging of multiple child source nodes.</p>
+<p>This class does not move the drag target nodes, but a proxy element which may contain
+any DOM structure you wish. The DOM element to show in the proxy is provided by either a
+provided implementation of <a href="output/Ext.dd.DragZone.html#Ext.dd.DragZone-getDragData" ext:member="getDragData" ext:cls="Ext.dd.DragZone">getDragData</a>, or by registered draggables registered with <a href="output/Ext.dd.Registry.html" ext:cls="Ext.dd.Registry">Ext.dd.Registry</a></p>
+<p>If you wish to provide draggability for an arbitrary number of DOM nodes, each of which represent some
+application object (For example nodes in a <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>) then use of this class
+is the most efficient way to "activate" those nodes.</p>
+<p>By default, this class requires that draggable child nodes are registered with <a href="output/Ext.dd.Registry.html" ext:cls="Ext.dd.Registry">Ext.dd.Registry</a>.
+However a simpler way to allow a DragZone to manage any number of draggable elements is to configure
+the DragZone with  an implementation of the <a href="output/Ext.dd.DragZone.html#Ext.dd.DragZone-getDragData" ext:member="getDragData" ext:cls="Ext.dd.DragZone">getDragData</a> method which interrogates the passed
+mouse event to see if it has taken place within an element, or class of elements. This is easily done
+by using the event's <a href="output/Ext.EventObject.html#Ext.EventObject-getTarget" ext:member="getTarget" ext:cls="Ext.EventObject">getTarget</a> method to identify a node based on a
+<a href="output/Ext.DomQuery.html" ext:cls="Ext.DomQuery">Ext.DomQuery</a> selector. For example, to make the nodes of a DataView draggable, use the following
+technique. Knowledge of the use of the DataView is required:</p><pre><code>myDataView.on(<em>'render'</em>, <b>function</b>(v) {
+    myDataView.dragZone = <b>new</b> Ext.dd.DragZone(v.getEl(), {
+
+<i>//      On receipt of a mousedown event, see <b>if</b> it is within a DataView node.</i>
+<i>//      Return a drag data object <b>if</b> so.</i>
+        getDragData: <b>function</b>(e) {
+
+<i>//          Use the DataView<em>'s own itemSelector (a mandatory property) to</i>
+<i>//          test <b>if</b> the mousedown is within one of the DataView'</em>s nodes.</i>
+            <b>var</b> sourceEl = e.getTarget(v.itemSelector, 10);
+
+<i>//          If the mousedown is within a DataView node, clone the node to produce</i>
+<i>//          a ddel element <b>for</b> use by the drag proxy. Also add application data</i>
+<i>//          to the returned data object.</i>
+            <b>if</b> (sourceEl) {
+                d = sourceEl.cloneNode(true);
+                d.id = Ext.id();
+                <b>return</b> {
+                    ddel: d,
+                    sourceEl: sourceEl,
+                    repairXY: Ext.fly(sourceEl).getXY(),
+                    sourceStore: v.store,
+                    draggedRecord: v.<a href="output/Ext.DataView.html#Ext.DataView-getRecord" ext:member="getRecord" ext:cls="Ext.DataView">getRecord</a>(sourceEl)
+                }
+            }
+        },
+
+<i>//      Provide coordinates <b>for</b> the proxy to slide back to on failed drag.</i>
+<i>//      This is the original XY coordinates of the draggable element captured</i>
+<i>//      <b>in</b> the getDragData method.</i>
+        getRepairXY: <b>function</b>() {
+            <b>return</b> this.dragData.repairXY;
+        }
+    });
+});</code></pre>
+See the <a href="output/Ext.dd.DropZone.html" ext:cls="Ext.dd.DropZone">DropZone</a> documentation for details about building a DropZone which
+cooperates with this DragZone.</div><div class="hr"></div><a id="Ext.dd.DragZone-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-containerScroll"></a><b><a href="source/DragZone.html#cfg-Ext.dd.DragZone-containerScroll">containerScroll</a></b> : Boolean<div class="mdesc">True to register this container with the Scrollmanager
+for auto scrolling during drag operations.</div></td><td class="msource">DragZone</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-ddGroup"></a><b><a href="source/DragSource.html#cfg-Ext.dd.DragSource-ddGroup">ddGroup</a></b> : String<div class="mdesc"><div class="short">A named drag drop group to which this object belongs.  If a group is specified, then this object will only
+interact w...</div><div class="long">A named drag drop group to which this object belongs.  If a group is specified, then this object will only
+interact with other drag drop objects in the same group (defaults to undefined).</div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#ddGroup" ext:member="#ddGroup" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-dropAllowed"></a><b><a href="source/DragSource.html#cfg-Ext.dd.DragSource-dropAllowed">dropAllowed</a></b> : String<div class="mdesc">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#dropAllowed" ext:member="#dropAllowed" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-dropNotAllowed"></a><b><a href="source/DragSource.html#cfg-Ext.dd.DragSource-dropNotAllowed">dropNotAllowed</a></b> : String<div class="mdesc">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#dropNotAllowed" ext:member="#dropNotAllowed" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-hlColor"></a><b><a href="source/DragZone.html#cfg-Ext.dd.DragZone-hlColor">hlColor</a></b> : String<div class="mdesc"><div class="short">The color to use when visually highlighting the drag source in the afterRepair
+method after a failed drop (defaults t...</div><div class="long">The color to use when visually highlighting the drag source in the afterRepair
+method after a failed drop (defaults to "c3daf9" - light blue)</div></div></td><td class="msource">DragZone</td></tr></tbody></table><a id="Ext.dd.DragZone-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DDProxy-Ext.dd.DDProxy.dragElId"></a><b><a href="source/DDCore.html#prop-Ext.dd.DDProxy-Ext.dd.DDProxy.dragElId">Ext.dd.DDProxy.dragElId</a></b> : String<div class="mdesc">The default drag frame div id</div></td><td class="msource"><a href="output/Ext.dd.DDProxy.html#Ext.dd.DDProxy.dragElId" ext:member="#Ext.dd.DDProxy.dragElId" ext:cls="Ext.dd.DDProxy">DDProxy</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-available"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-available">available</a></b> : boolean<div class="mdesc">The available property is false until the linked dom element is accessible.</div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#available" ext:member="#available" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DDProxy-centerFrame"></a><b><a href="source/DDCore.html#prop-Ext.dd.DDProxy-centerFrame">centerFrame</a></b> : boolean<div class="mdesc"><div class="short">By default the frame is positioned exactly where the drag element is, so
 we use the cursor offset provided by Ext.dd....</div><div class="long">By default the frame is positioned exactly where the drag element is, so
 we use the cursor offset provided by Ext.dd.DD.  Another option that works only if
 you do not have constraints on the obj is to have the drag frame centered
-around the cursor.  Set centerFrame to true for this effect.</div></div></td><td class="msource"><a href="output/Ext.dd.DDProxy.html#centerFrame" ext:member="#centerFrame" ext:cls="Ext.dd.DDProxy">DDProxy</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-config"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-config">config</a></b> : object<div class="mdesc">Configuration attributes passed into the constructor</div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#config" ext:member="#config" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-defaultPadding"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-defaultPadding">defaultPadding</a></b> : Object<div class="mdesc">Provides default constraint padding to "constrainTo" elements (defaults to {left: 0, right:0, top:0, bottom:0}).</div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#defaultPadding" ext:member="#defaultPadding" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-dragData"></a><b><a href="source/DragZone.html#prop-Ext.dd.DragZone-dragData">dragData</a></b> : Object<div class="mdesc"><div class="short">This property contains the data representing the dragged object. This data is set up by the implementation&#13;
-of the ge...</div><div class="long">This property contains the data representing the dragged object. This data is set up by the implementation\r
-of the <a href="output/Ext.dd.DragZone.html#Ext.dd.DragZone-getDragData" ext:member="getDragData" ext:cls="Ext.dd.DragZone">getDragData</a> method. It must contain a <tt>ddel</tt> property, but can contain\r
+around the cursor.  Set centerFrame to true for this effect.</div></div></td><td class="msource"><a href="output/Ext.dd.DDProxy.html#centerFrame" ext:member="#centerFrame" ext:cls="Ext.dd.DDProxy">DDProxy</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-config"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-config">config</a></b> : object<div class="mdesc">Configuration attributes passed into the constructor</div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#config" ext:member="#config" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-defaultPadding"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-defaultPadding">defaultPadding</a></b> : Object<div class="mdesc">Provides default constraint padding to "constrainTo" elements (defaults to {left: 0, right:0, top:0, bottom:0}).</div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#defaultPadding" ext:member="#defaultPadding" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="property-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-dragData"></a><b><a href="source/DragZone.html#prop-Ext.dd.DragZone-dragData">dragData</a></b> : Object<div class="mdesc"><div class="short">This property contains the data representing the dragged object. This data is set up by the implementation
+of the get...</div><div class="long">This property contains the data representing the dragged object. This data is set up by the implementation
+of the <a href="output/Ext.dd.DragZone.html#Ext.dd.DragZone-getDragData" ext:member="getDragData" ext:cls="Ext.dd.DragZone">getDragData</a> method. It must contain a <tt>ddel</tt> property, but can contain
 any other data according to the application's needs.</div></div></td><td class="msource">DragZone</td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-groups"></a><b><a href="source/DDCore.html#prop-Ext.dd.DragDrop-groups">groups</a></b> : object An object in the format {'group1':true, 'group2':true<div class="mdesc"><div class="short">The group defines a logical collection of DragDrop objects that are
 related.  Instances only get events when interact...</div><div class="long">The group defines a logical collection of DragDrop objects that are
 related.  Instances only get events when interacting with other
@@ -132,24 +131,24 @@ instances belong to at least one group, and can belon...</div><div class="long">
 instances belong to at least one group, and can belong to as many
 groups as needed.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>{string}</code> : sGroup<div class="sub-desc">the name of the group</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#addToGroup" ext:member="#addToGroup" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-afterDragDrop"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-afterDragDrop">afterDragDrop</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-after a valid drag drop has occur...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+after a valid drag drop has occurr...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 after a valid drag drop has occurred by providing an implementation.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dropped element</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#afterDragDrop" ext:member="#afterDragDrop" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-afterDragEnter"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-afterDragEnter">afterDragEnter</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-when the dragged item enters the ...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+when the dragged item enters the d...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 when the dragged item enters the drop target by providing an implementation.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#afterDragEnter" ext:member="#afterDragEnter" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-afterDragOut"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-afterDragOut">afterDragOut</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-after the dragged item is dragged...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+after the dragged item is dragged ...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 after the dragged item is dragged out of the target without dropping.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#afterDragOut" ext:member="#afterDragOut" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-afterDragOver"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-afterDragOver">afterDragOver</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-while the dragged item is over th...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+while the dragged item is over the...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 while the dragged item is over the drop target by providing an implementation.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#afterDragOver" ext:member="#afterDragOver" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-afterInvalidDrop"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-afterInvalidDrop">afterInvalidDrop</a></b>(&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-after an invalid drop has occurre...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+after an invalid drop has occurred...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 after an invalid drop has occurred by providing an implementation.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dropped element</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#afterInvalidDrop" ext:member="#afterInvalidDrop" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-afterRepair"></a><b><a href="source/DragZone.html#method-Ext.dd.DragZone-afterRepair">afterRepair</a></b>()
     :
                                         void<div class="mdesc"><div class="short">Called after a repair of an invalid drop. By default, highlights this.dragData.ddel</div><div class="long">Called after a repair of an invalid drop. By default, highlights this.dragData.ddel<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">DragZone</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DD-alignElWithMouse"></a><b><a href="source/DDCore.html#method-Ext.dd.DD-alignElWithMouse">alignElWithMouse</a></b>(&nbsp;<code>HTMLElement&nbsp;el</code>,&nbsp;<code>int&nbsp;iPageX</code>,&nbsp;<code>int&nbsp;iPageY</code>&nbsp;)
@@ -177,24 +176,24 @@ Ext.dd.DragDrop.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>
 Ext.dd.DragDrop.</div><div class="long">Event that fires prior to the onMouseDown event.  Overrides
 Ext.dd.DragDrop.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DD.html#b4MouseDown" ext:member="#b4MouseDown" ext:cls="Ext.dd.DD">DD</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-beforeDragDrop"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-beforeDragDrop">beforeDragDrop</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged&#13;
-item is droppe...</div><div class="long">An empty function by default, but provided so that you can perform a custom action before the dragged\r
+                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged
+item is dropped...</div><div class="long">An empty function by default, but provided so that you can perform a custom action before the dragged
 item is dropped onto the target and optionally cancel the onDragDrop.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">isValid True if the drag drop event is valid, else false to cancel</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#beforeDragDrop" ext:member="#beforeDragDrop" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-beforeDragEnter"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-beforeDragEnter">beforeDragEnter</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-before the dragged item enters th...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+before the dragged item enters the...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 before the dragged item enters the drop target and optionally cancel the onDragEnter.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">isValid True if the drag event is valid, else false to cancel</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#beforeDragEnter" ext:member="#beforeDragEnter" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-beforeDragOut"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-beforeDragOut">beforeDragOut</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged&#13;
-item is dragge...</div><div class="long">An empty function by default, but provided so that you can perform a custom action before the dragged\r
+                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged
+item is dragged...</div><div class="long">An empty function by default, but provided so that you can perform a custom action before the dragged
 item is dragged out of the target without dropping, and optionally cancel the onDragOut.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">isValid True if the drag event is valid, else false to cancel</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#beforeDragOut" ext:member="#beforeDragOut" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-beforeDragOver"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-beforeDragOver">beforeDragOver</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action&#13;
-while the dragged item is over th...</div><div class="long">An empty function by default, but provided so that you can perform a custom action\r
+                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action
+while the dragged item is over the...</div><div class="long">An empty function by default, but provided so that you can perform a custom action
 while the dragged item is over the drop target and optionally cancel the onDragOver.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">isValid True if the drag event is valid, else false to cancel</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#beforeDragOver" ext:member="#beforeDragOver" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-beforeInvalidDrop"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-beforeInvalidDrop">beforeInvalidDrop</a></b>(&nbsp;<code>Ext.dd.DragDrop&nbsp;target</code>,&nbsp;<code>Event&nbsp;e</code>,&nbsp;<code>String&nbsp;id</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid&#13;
-drop has occurre...</div><div class="long">An empty function by default, but provided so that you can perform a custom action after an invalid\r
+                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid
+drop has occurred...</div><div class="long">An empty function by default, but provided so that you can perform a custom action after an invalid
 drop has occurred.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>target</code> : Ext.dd.DragDrop<div class="sub-desc">The drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li><li><code>id</code> : String<div class="sub-desc">The id of the dragged element</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">isValid True if the invalid drop should proceed, else false to cancel</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#beforeInvalidDrop" ext:member="#beforeInvalidDrop" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DD-cachePosition"></a><b><a href="source/DDCore.html#method-Ext.dd.DD-cachePosition">cachePosition</a></b>(&nbsp;<code>iPageX&nbsp;the</code>,&nbsp;<code>iPageY&nbsp;the</code>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Saves the most recent position so that we can reset the constraints and
@@ -232,10 +231,10 @@ an object containing the sides to pad. For example: {right:10, bottom:10}</div><
     :
                                         void<div class="mdesc"><div class="short">Fired when we are done dragging the object</div><div class="long">Fired when we are done dragging the object<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#endDrag" ext:member="#endDrag" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-getDragData"></a><b><a href="source/DragZone.html#method-Ext.dd.DragZone-getDragData">getDragData</a></b>(&nbsp;<code>EventObject&nbsp;e</code>&nbsp;)
     :
-                                        Object<div class="mdesc"><div class="short">Called when a mousedown occurs in this container. Looks in Ext.dd.Registry&#13;
-for a valid target to drag based on the m...</div><div class="long">Called when a mousedown occurs in this container. Looks in <a href="output/Ext.dd.Registry.html" ext:cls="Ext.dd.Registry">Ext.dd.Registry</a>\r
-for a valid target to drag based on the mouse down. Override this method\r
-to provide your own lookup logic (e.g. finding a child by class name). Make sure your returned\r
+                                        Object<div class="mdesc"><div class="short">Called when a mousedown occurs in this container. Looks in Ext.dd.Registry
+for a valid target to drag based on the mo...</div><div class="long">Called when a mousedown occurs in this container. Looks in <a href="output/Ext.dd.Registry.html" ext:cls="Ext.dd.Registry">Ext.dd.Registry</a>
+for a valid target to drag based on the mouse down. Override this method
+to provide your own lookup logic (e.g. finding a child by class name). Make sure your returned
 object has a "ddel" attribute (with an HTML Element) for other functions to work.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>e</code> : EventObject<div class="sub-desc">The mouse down event</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">The dragData</div></li></ul></div></div></div></td><td class="msource">DragZone</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-getDragEl"></a><b><a href="source/DDCore.html#method-Ext.dd.DragDrop-getDragEl">getDragEl</a></b>()
     :
                                         HTMLElement<div class="mdesc"><div class="short">Returns a reference to the actual element to drag.  By default this is
@@ -247,8 +246,8 @@ element. An example of this can be found in Ext.dd.DDProxy<div class="mdetail-pa
     :
                                         Ext.dd.StatusProxy<div class="mdesc"><div class="short">Returns the drag source's underlying Ext.dd.StatusProxy</div><div class="long">Returns the drag source's underlying <a href="output/Ext.dd.StatusProxy.html" ext:cls="Ext.dd.StatusProxy">Ext.dd.StatusProxy</a><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.dd.StatusProxy</code><div class="sub-desc">proxy The StatusProxy</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#getProxy" ext:member="#getProxy" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-getRepairXY"></a><b><a href="source/DragZone.html#method-Ext.dd.DragZone-getRepairXY">getRepairXY</a></b>(&nbsp;<code>EventObject&nbsp;e</code>&nbsp;)
     :
-                                        Array<div class="mdesc"><div class="short">Called before a repair of an invalid drop to get the XY to animate to. By default returns&#13;
-the XY of this.dragData.dd...</div><div class="long">Called before a repair of an invalid drop to get the XY to animate to. By default returns\r
+                                        Array<div class="mdesc"><div class="short">Called before a repair of an invalid drop to get the XY to animate to. By default returns
+the XY of this.dragData.dde...</div><div class="long">Called before a repair of an invalid drop to get the XY to animate to. By default returns
 the XY of this.dragData.ddel<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>e</code> : EventObject<div class="sub-desc">The mouse up event</div></li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">The xy location (e.g. [100, 200])</div></li></ul></div></div></div></td><td class="msource">DragZone</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-hideProxy"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-hideProxy">hideProxy</a></b>()
     :
                                         void<div class="mdesc"><div class="short">Hides the drag source's Ext.dd.StatusProxy</div><div class="long">Hides the drag source's <a href="output/Ext.dd.StatusProxy.html" ext:cls="Ext.dd.StatusProxy">Ext.dd.StatusProxy</a><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#hideProxy" ext:member="#hideProxy" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-init"></a><b><a href="source/DDCore.html#method-Ext.dd.DragDrop-init">init</a></b>(&nbsp;<code>id&nbsp;the</code>,&nbsp;<code>String&nbsp;sGroup</code>,&nbsp;<code>object&nbsp;config</code>&nbsp;)
@@ -278,8 +277,8 @@ false</div></li></ul></div></div></div></td><td class="msource"><a href="output/
 position was determined.</div><div class="long">Override the onAvailable method to do what is needed after the initial
 position was determined.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#onAvailable" ext:member="#onAvailable" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-onBeforeDrag"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-onBeforeDrag">onBeforeDrag</a></b>(&nbsp;<code>Object&nbsp;data</code>,&nbsp;<code>Event&nbsp;e</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action before the initial&#13;
-drag event beg...</div><div class="long">An empty function by default, but provided so that you can perform a custom action before the initial\r
+                                        Boolean<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action before the initial
+drag event begi...</div><div class="long">An empty function by default, but provided so that you can perform a custom action before the initial
 drag event begins and optionally cancel it.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data to be shared with drop targets</div></li><li><code>e</code> : Event<div class="sub-desc">The event object</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">isValid True if the drag event is valid, else false to cancel</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#onBeforeDrag" ext:member="#onBeforeDrag" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-onDrag"></a><b><a href="source/DDCore.html#method-Ext.dd.DragDrop-onDrag">onDrag</a></b>(&nbsp;<code>Event&nbsp;e</code>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Abstract method called during the onMouseMove event while dragging an
@@ -308,8 +307,8 @@ DragDrop obj<div class="mdetail-params"><strong>Parameters:</strong><ul><li><cod
 id this is hovering over.  In INTERSECT mode, an array of dd items
 being hovered over.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#onDragOver" ext:member="#onDragOver" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragZone-onInitDrag"></a><b><a href="source/DragZone.html#method-Ext.dd.DragZone-onInitDrag">onInitDrag</a></b>(&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)
     :
-                                        Boolean<div class="mdesc"><div class="short">Called once drag threshold has been reached to initialize the proxy element. By default, it clones the&#13;
-this.dragData...</div><div class="long">Called once drag threshold has been reached to initialize the proxy element. By default, it clones the\r
+                                        Boolean<div class="mdesc"><div class="short">Called once drag threshold has been reached to initialize the proxy element. By default, it clones the
+this.dragData....</div><div class="long">Called once drag threshold has been reached to initialize the proxy element. By default, it clones the
 this.dragData.ddel<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>x</code> : Number<div class="sub-desc">The x position of the click on the dragged object</div></li><li><code>y</code> : Number<div class="sub-desc">The y position of the click on the dragged object</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">true to continue the drag, false to cancel</div></li></ul></div></div></div></td><td class="msource">DragZone</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-onInvalidDrop"></a><b><a href="source/DDCore.html#method-Ext.dd.DragDrop-onInvalidDrop">onInvalidDrop</a></b>(&nbsp;<code>Event&nbsp;e</code>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Abstract method called when this item is dropped on an area with no
@@ -320,8 +319,8 @@ drop target<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code
     :
                                         void<div class="mdesc"><div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div><div class="long">Event handler that fires when a drag/drop obj gets a mouseup<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#onMouseUp" ext:member="#onMouseUp" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragSource-onStartDrag"></a><b><a href="source/DragSource.html#method-Ext.dd.DragSource-onStartDrag">onStartDrag</a></b>(&nbsp;<code>Number&nbsp;x</code>,&nbsp;<code>Number&nbsp;y</code>&nbsp;)
     :
-                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action once the initial&#13;
-drag event has b...</div><div class="long">An empty function by default, but provided so that you can perform a custom action once the initial\r
+                                        void<div class="mdesc"><div class="short">An empty function by default, but provided so that you can perform a custom action once the initial
+drag event has be...</div><div class="long">An empty function by default, but provided so that you can perform a custom action once the initial
 drag event has begun.  The drag cannot be canceled from this function.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>x</code> : Number<div class="sub-desc">The x position of the click on the dragged object</div></li><li><code>y</code> : Number<div class="sub-desc">The y position of the click on the dragged object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragSource.html#onStartDrag" ext:member="#onStartDrag" ext:cls="Ext.dd.DragSource">DragSource</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-removeFromGroup"></a><b><a href="source/DDCore.html#method-Ext.dd.DragDrop-removeFromGroup">removeFromGroup</a></b>(&nbsp;<code>string&nbsp;sGroup</code>&nbsp;)
     :
                                         void<div class="mdesc"><div class="short">Remove's this instance from the supplied interaction group</div><div class="long">Remove's this instance from the supplied interaction group<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>sGroup</code> : string<div class="sub-desc">The group to drop</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.dd.DragDrop.html#removeFromGroup" ext:member="#removeFromGroup" ext:cls="Ext.dd.DragDrop">DragDrop</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.dd.DragDrop-removeInvalidHandleClass"></a><b><a href="source/DDCore.html#method-Ext.dd.DragDrop-removeInvalidHandleClass">removeInvalidHandleClass</a></b>(&nbsp;<code>string&nbsp;cssClass</code>&nbsp;)