-<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> <a class="inner-link" href="#Ext.dd.DragZone-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.dd.DragZone-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.dd.DragZone-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.dd.DragZone"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </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">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>, <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><tr><td class="hd-info"></td></tr></table><div class="description"><p>This class provides a container DD instance that allows dragging of multiple child source nodes.</p>
\r+<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> <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">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>, <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
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>() {\r
- myDataView.dragZone = <b>new</b> Ext.dd.DragZone(myDataView.getEl(), {\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>
\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(myDataView.itemSelector, 10);\r
+ <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>
ddel: d,\r
sourceEl: sourceEl,\r
repairXY: Ext.fly(sourceEl).getXY(),\r
- sourceStore: myDataView.store,\r
- draggedRecord: v.getRecord(sourceEl)\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
git.ithinksw.org / extjs.git / blobdiff