source: trunk/web/addons/job_monarch/lib/extjs/docs/output/Ext.dd.DropZone.html @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 88.3 KB
Line 
1        <div class="body-wrap">
2        <div class="top-tools">
3            <a class="inner-link" href="#Ext.dd.DropZone-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
4            <a class="inner-link" href="#Ext.dd.DropZone-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
5            <a class="inner-link" href="#Ext.dd.DropZone-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
6                            <a class="inner-link" href="#Ext.dd.DropZone-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
7                        <a class="bookmark" href="../docs/?class=Ext.dd.DropZone"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
8        </div>
9                <div class="inheritance res-block">
10<pre class="res-block-inner"><a ext:cls="Ext.dd.DragDrop" ext:member="" href="output/Ext.dd.DragDrop.html">DragDrop</a>
11  <img src="resources/elbow-end.gif"/><a ext:cls="Ext.dd.DDTarget" ext:member="" href="output/Ext.dd.DDTarget.html">DDTarget</a>
12    <img src="resources/elbow-end.gif"/><a ext:cls="Ext.dd.DropTarget" ext:member="" href="output/Ext.dd.DropTarget.html">DropTarget</a>
13      <img src="resources/elbow-end.gif"/>DropZone</pre></div>
14                <h1>Class Ext.dd.DropZone</h1>
15        <table cellspacing="0">
16            <tr><td class="label">Package:</td><td class="hd-info">Ext.dd</td></tr>
17            <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/DropZone.js" target="_blank">DropZone.js</a></td></tr>
18            <tr><td class="label">Class:</td><td class="hd-info">DropZone</td></tr>
19                        <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.tree.TreeDropZone" href="output/Ext.tree.TreeDropZone.html">TreeDropZone</a></td></tr>
20                                    <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.dd.DropTarget" ext:member="" href="output/Ext.dd.DropTarget.html">DropTarget</a></td></tr>
21                    </table>
22        <div class="description">
23            *
24This class provides a container DD instance that proxies for multiple child node targets.<br />
25By default, this class requires that child nodes accepting drop are registered with <a ext:cls="Ext.dd.Registry" href="output/Ext.dd.Registry.html">Ext.dd.Registry</a>.        </div>
26       
27        <div class="hr"></div>
28                <a id="Ext.dd.DropZone-configs"></a>
29        <h2>Config Options</h2>
30        <table cellspacing="0" class="member-table">
31            <tr>
32                <th class="sig-header" colspan="2">Config Options</th>
33                <th class="msource-header">Defined By</th>
34            </tr>
35                <tr class="config-row inherited expandable">
36        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
37        <td class="sig">
38        <a id="Ext.dd.DropZone-ddGroup"></a>
39            <b>ddGroup</b> : String            <div class="mdesc">
40                        <div class="short">A named drag drop group to which this object belongs. If a group is specified, then this object will only interact wi...</div>
41            <div class="long">
42                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>
43                        </div>
44        </td>
45        <td class="msource"><a ext:cls="Ext.dd.DropTarget" ext:member="#ddGroup" href="output/Ext.dd.DropTarget.html#ddGroup">DropTarget</a></td>
46    </tr>
47        <tr class="config-row inherited alt">
48        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
49        <td class="sig">
50        <a id="Ext.dd.DropZone-dropAllowed"></a>
51            <b>dropAllowed</b> : String            <div class="mdesc">
52                            The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").                        </div>
53        </td>
54        <td class="msource"><a ext:cls="Ext.dd.DropTarget" ext:member="#dropAllowed" href="output/Ext.dd.DropTarget.html#dropAllowed">DropTarget</a></td>
55    </tr>
56        <tr class="config-row inherited">
57        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
58        <td class="sig">
59        <a id="Ext.dd.DropZone-dropNotAllowed"></a>
60            <b>dropNotAllowed</b> : String            <div class="mdesc">
61                            The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").                        </div>
62        </td>
63        <td class="msource"><a ext:cls="Ext.dd.DropTarget" ext:member="#dropNotAllowed" href="output/Ext.dd.DropTarget.html#dropNotAllowed">DropTarget</a></td>
64    </tr>
65        <tr class="config-row inherited alt">
66        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
67        <td class="sig">
68        <a id="Ext.dd.DropZone-overClass"></a>
69            <b>overClass</b> : String            <div class="mdesc">
70                            The CSS class applied to the drop target element while the drag source is over it (defaults to "").                        </div>
71        </td>
72        <td class="msource"><a ext:cls="Ext.dd.DropTarget" ext:member="#overClass" href="output/Ext.dd.DropTarget.html#overClass">DropTarget</a></td>
73    </tr>
74            </table>
75                <a id="Ext.dd.DropZone-props"></a>
76        <h2>Public Properties</h2>
77                <table cellspacing="0" class="member-table">
78            <tr>
79                <th class="sig-header" colspan="2">Property</th>
80                <th class="msource-header">Defined By</th>
81            </tr>
82                <tr class="property-row inherited">
83        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
84        <td class="sig">
85        <a id="Ext.dd.DropZone-available"></a>
86            <b>available</b> : boolean            <div class="mdesc">
87                            The availabe property is false until the linked dom element is accessible.                        </div>
88        </td>
89        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#available" href="output/Ext.dd.DragDrop.html#available">DragDrop</a></td>
90    </tr>
91        <tr class="property-row inherited alt">
92        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
93        <td class="sig">
94        <a id="Ext.dd.DropZone-config"></a>
95            <b>config</b> : object            <div class="mdesc">
96                            Configuration attributes passed into the constructor                        </div>
97        </td>
98        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#config" href="output/Ext.dd.DragDrop.html#config">DragDrop</a></td>
99    </tr>
100        <tr class="property-row inherited">
101        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
102        <td class="sig">
103        <a id="Ext.dd.DropZone-defaultPadding"></a>
104            <b>defaultPadding</b> : Object            <div class="mdesc">
105                            Provides default constraint padding to "constrainTo" elements (defaults to {left: 0, right:0, top:0, bottom:0}).                        </div>
106        </td>
107        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#defaultPadding" href="output/Ext.dd.DragDrop.html#defaultPadding">DragDrop</a></td>
108    </tr>
109        <tr class="property-row inherited alt expandable">
110        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
111        <td class="sig">
112        <a id="Ext.dd.DropZone-groups"></a>
113            <b>groups</b> : object            <div class="mdesc">
114                        <div class="short">The group defines a logical collection of DragDrop objects that are
115related.  Instances only get events when interact...</div>
116            <div class="long">
117                The group defines a logical collection of DragDrop objects that are
118related.  Instances only get events when interacting with other
119DragDrop object in the same group.  This lets us define multiple
120groups using a single DragDrop subclass if we want.            </div>
121                        </div>
122        </td>
123        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#groups" href="output/Ext.dd.DragDrop.html#groups">DragDrop</a></td>
124    </tr>
125        <tr class="property-row inherited expandable">
126        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
127        <td class="sig">
128        <a id="Ext.dd.DropZone-hasOuterHandles"></a>
129            <b>hasOuterHandles</b> : boolean            <div class="mdesc">
130                        <div class="short">By default, drags can only be initiated if the mousedown occurs in the
131region the linked element is.  This is done in...</div>
132            <div class="long">
133                By default, drags can only be initiated if the mousedown occurs in the
134region the linked element is.  This is done in part to work around a
135bug in some browsers that mis-report the mousedown if the previous
136mouseup happened outside of the window.  This property is set to true
137if outer handles are defined.            </div>
138                        </div>
139        </td>
140        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#hasOuterHandles" href="output/Ext.dd.DragDrop.html#hasOuterHandles">DragDrop</a></td>
141    </tr>
142        <tr class="property-row inherited alt expandable">
143        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
144        <td class="sig">
145        <a id="Ext.dd.DropZone-id"></a>
146            <b>id</b> : String            <div class="mdesc">
147                        <div class="short">The id of the element associated with this object.  This is what we
148refer to as the "linked element" because the size...</div>
149            <div class="long">
150                The id of the element associated with this object.  This is what we
151refer to as the "linked element" because the size and position of
152this element is used to determine when the drag and drop objects have
153interacted.            </div>
154                        </div>
155        </td>
156        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#id" href="output/Ext.dd.DragDrop.html#id">DragDrop</a></td>
157    </tr>
158        <tr class="property-row inherited">
159        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
160        <td class="sig">
161        <a id="Ext.dd.DropZone-invalidHandleClasses"></a>
162            <b>invalidHandleClasses</b> : Array            <div class="mdesc">
163                            An Array of CSS class names for elements to be considered in valid as drag handles.                        </div>
164        </td>
165        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#invalidHandleClasses" href="output/Ext.dd.DragDrop.html#invalidHandleClasses">DragDrop</a></td>
166    </tr>
167        <tr class="property-row inherited alt expandable">
168        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
169        <td class="sig">
170        <a id="Ext.dd.DropZone-invalidHandleIds"></a>
171            <b>invalidHandleIds</b> : Object            <div class="mdesc">
172                        <div class="short">An object who's property names identify the IDs of elements to be considered invalid as drag handles.
173A non-null prop...</div>
174            <div class="long">
175                An object who's property names identify the IDs of elements to be considered invalid as drag handles.
176A non-null property value identifies the ID as invalid. For example, to prevent
177dragging from being initiated on element ID "foo", use:<pre><code>{
178    foo: true
179}</code></pre>            </div>
180                        </div>
181        </td>
182        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#invalidHandleIds" href="output/Ext.dd.DragDrop.html#invalidHandleIds">DragDrop</a></td>
183    </tr>
184        <tr class="property-row inherited expandable">
185        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
186        <td class="sig">
187        <a id="Ext.dd.DropZone-invalidHandleTypes"></a>
188            <b>invalidHandleTypes</b> : Object            <div class="mdesc">
189                        <div class="short">An object who's property names identify HTML tags to be considered invalid as drag handles.
190A non-null property value...</div>
191            <div class="long">
192                An object who's property names identify HTML tags to be considered invalid as drag handles.
193A non-null property value identifies the tag as invalid. Defaults to the
194following value which prevents drag operations from being initiated by &lt;a> elements:<pre><code>{
195    A: <em>"A"</em>
196}</code></pre>            </div>
197                        </div>
198        </td>
199        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#invalidHandleTypes" href="output/Ext.dd.DragDrop.html#invalidHandleTypes">DragDrop</a></td>
200    </tr>
201        <tr class="property-row inherited alt">
202        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
203        <td class="sig">
204        <a id="Ext.dd.DropZone-isTarget"></a>
205            <b>isTarget</b> : boolean            <div class="mdesc">
206                            By default, all instances can be a drop target.  This can be disabled by
207setting isTarget to false.                        </div>
208        </td>
209        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#isTarget" href="output/Ext.dd.DragDrop.html#isTarget">DragDrop</a></td>
210    </tr>
211        <tr class="property-row inherited expandable">
212        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
213        <td class="sig">
214        <a id="Ext.dd.DropZone-maintainOffset"></a>
215            <b>maintainOffset</b> : boolean            <div class="mdesc">
216                        <div class="short">Maintain offsets when we resetconstraints.  Set to true when you want
217the position of the element relative to its par...</div>
218            <div class="long">
219                Maintain offsets when we resetconstraints.  Set to true when you want
220the position of the element relative to its parent to stay the same
221when the page changes            </div>
222                        </div>
223        </td>
224        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#maintainOffset" href="output/Ext.dd.DragDrop.html#maintainOffset">DragDrop</a></td>
225    </tr>
226        <tr class="property-row inherited alt expandable">
227        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
228        <td class="sig">
229        <a id="Ext.dd.DropZone-moveOnly"></a>
230            <b>moveOnly</b> : boolean            <div class="mdesc">
231                        <div class="short">When set to true, other DD objects in cooperating DDGroups do not receive
232notification events when this DD object is ...</div>
233            <div class="long">
234                When set to true, other DD objects in cooperating DDGroups do not receive
235notification events when this DD object is dragged over them. Defaults to false.            </div>
236                        </div>
237        </td>
238        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#moveOnly" href="output/Ext.dd.DragDrop.html#moveOnly">DragDrop</a></td>
239    </tr>
240        <tr class="property-row inherited">
241        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
242        <td class="sig">
243        <a id="Ext.dd.DropZone-padding"></a>
244            <b>padding</b> : int[]            <div class="mdesc">
245                            The padding configured for this drag and drop object for calculating
246the drop zone intersection with this object.                        </div>
247        </td>
248        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#padding" href="output/Ext.dd.DragDrop.html#padding">DragDrop</a></td>
249    </tr>
250        <tr class="property-row inherited alt expandable">
251        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
252        <td class="sig">
253        <a id="Ext.dd.DropZone-primaryButtonOnly"></a>
254            <b>primaryButtonOnly</b> : boolean            <div class="mdesc">
255                        <div class="short">By default the drag and drop instance will only respond to the primary
256button click (left button for a right-handed m...</div>
257            <div class="long">
258                By default the drag and drop instance will only respond to the primary
259button click (left button for a right-handed mouse).  Set to true to
260allow drag and drop to start with any mouse click that is propogated
261by the browser            </div>
262                        </div>
263        </td>
264        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#primaryButtonOnly" href="output/Ext.dd.DragDrop.html#primaryButtonOnly">DragDrop</a></td>
265    </tr>
266        <tr class="property-row inherited expandable">
267        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
268        <td class="sig">
269        <a id="Ext.dd.DropZone-xTicks"></a>
270            <b>xTicks</b> : int[]            <div class="mdesc">
271                        <div class="short">Array of pixel locations the element will snap to if we specified a
272horizontal graduation/interval.  This array is ge...</div>
273            <div class="long">
274                Array of pixel locations the element will snap to if we specified a
275horizontal graduation/interval.  This array is generated automatically
276when you define a tick interval.            </div>
277                        </div>
278        </td>
279        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#xTicks" href="output/Ext.dd.DragDrop.html#xTicks">DragDrop</a></td>
280    </tr>
281        <tr class="property-row inherited alt expandable">
282        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
283        <td class="sig">
284        <a id="Ext.dd.DropZone-yTicks"></a>
285            <b>yTicks</b> : int[]            <div class="mdesc">
286                        <div class="short">Array of pixel locations the element will snap to if we specified a
287vertical graduation/interval.  This array is gene...</div>
288            <div class="long">
289                Array of pixel locations the element will snap to if we specified a
290vertical graduation/interval.  This array is generated automatically
291when you define a tick interval.            </div>
292                        </div>
293        </td>
294        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#yTicks" href="output/Ext.dd.DragDrop.html#yTicks">DragDrop</a></td>
295    </tr>
296            </table>
297                <a id="Ext.dd.DropZone-methods"></a>
298        <h2>Public Methods</h2>
299                <table cellspacing="0" class="member-table">
300            <tr>
301                <th class="sig-header" colspan="2">Method</th>
302                <th class="msource-header">Defined By</th>
303            </tr>
304                <tr class="method-row expandable">
305        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
306        <td class="sig">
307        <a id="Ext.dd.DropZone-DropZone"></a>
308            <b>DropZone</b>(&nbsp;<code>Mixed el</code>, <code>Object config</code>&nbsp;)            <div class="mdesc">
309                        <div class="short"></div>
310            <div class="long">
311                    <div class="mdetail-params">
312        <strong>Parameters:</strong>
313        <ul><li><code>el</code> : Mixed<div class="sub-desc">The container element</div></li><li><code>config</code> : Object<div class="sub-desc"></div></li>        </ul>
314        <strong>Returns:</strong>
315        <ul>
316            <li><code></code></li>
317        </ul>
318    </div>
319                </div>
320                        </div>
321        </td>
322        <td class="msource">DropZone</td>
323    </tr>
324        <tr class="method-row inherited alt expandable">
325        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
326        <td class="sig">
327        <a id="Ext.dd.DropZone-addInvalidHandleClass"></a>
328            <b>addInvalidHandleClass</b>(&nbsp;<code>string cssClass</code>&nbsp;) : void            <div class="mdesc">
329                        <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
330            <div class="long">
331                Lets you specify a css class of elements that will not initiate a drag    <div class="mdetail-params">
332        <strong>Parameters:</strong>
333        <ul><li><code>cssClass</code> : string<div class="sub-desc">the class of the elements you wish to ignore</div></li>        </ul>
334        <strong>Returns:</strong>
335        <ul>
336            <li><code>void</code></li>
337        </ul>
338    </div>
339                </div>
340                        </div>
341        </td>
342        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addInvalidHandleClass" href="output/Ext.dd.DragDrop.html#addInvalidHandleClass">DragDrop</a></td>
343    </tr>
344        <tr class="method-row inherited expandable">
345        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
346        <td class="sig">
347        <a id="Ext.dd.DropZone-addInvalidHandleId"></a>
348            <b>addInvalidHandleId</b>(&nbsp;<code>string id</code>&nbsp;) : void            <div class="mdesc">
349                        <div class="short">Lets you to specify an element id for a child of a drag handle
350that should not initiate a drag</div>
351            <div class="long">
352                Lets you to specify an element id for a child of a drag handle
353that should not initiate a drag    <div class="mdetail-params">
354        <strong>Parameters:</strong>
355        <ul><li><code>id</code> : string<div class="sub-desc">the element id of the element you wish to ignore</div></li>        </ul>
356        <strong>Returns:</strong>
357        <ul>
358            <li><code>void</code></li>
359        </ul>
360    </div>
361                </div>
362                        </div>
363        </td>
364        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addInvalidHandleId" href="output/Ext.dd.DragDrop.html#addInvalidHandleId">DragDrop</a></td>
365    </tr>
366        <tr class="method-row inherited alt expandable">
367        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
368        <td class="sig">
369        <a id="Ext.dd.DropZone-addInvalidHandleType"></a>
370            <b>addInvalidHandleType</b>(&nbsp;<code>string tagName</code>&nbsp;) : void            <div class="mdesc">
371                        <div class="short">Allows you to specify a tag name that should not start a drag operation
372when clicked.  This is designed to facilitate...</div>
373            <div class="long">
374                Allows you to specify a tag name that should not start a drag operation
375when clicked.  This is designed to facilitate embedding links within a
376drag handle that do something other than start the drag.    <div class="mdetail-params">
377        <strong>Parameters:</strong>
378        <ul><li><code>tagName</code> : string<div class="sub-desc">the type of element to exclude</div></li>        </ul>
379        <strong>Returns:</strong>
380        <ul>
381            <li><code>void</code></li>
382        </ul>
383    </div>
384                </div>
385                        </div>
386        </td>
387        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addInvalidHandleType" href="output/Ext.dd.DragDrop.html#addInvalidHandleType">DragDrop</a></td>
388    </tr>
389        <tr class="method-row inherited expandable">
390        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
391        <td class="sig">
392        <a id="Ext.dd.DropZone-addToGroup"></a>
393            <b>addToGroup</b>(&nbsp;<code>sGroup {string}</code>&nbsp;) : void            <div class="mdesc">
394                        <div class="short">Add this instance to a group of related drag/drop objects.  All
395instances belong to at least one group, and can belon...</div>
396            <div class="long">
397                Add this instance to a group of related drag/drop objects.  All
398instances belong to at least one group, and can belong to as many
399groups as needed.    <div class="mdetail-params">
400        <strong>Parameters:</strong>
401        <ul><li><code>{string}</code> : sGroup<div class="sub-desc">the name of the group</div></li>        </ul>
402        <strong>Returns:</strong>
403        <ul>
404            <li><code>void</code></li>
405        </ul>
406    </div>
407                </div>
408                        </div>
409        </td>
410        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addToGroup" href="output/Ext.dd.DragDrop.html#addToGroup">DragDrop</a></td>
411    </tr>
412        <tr class="method-row inherited alt expandable">
413        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
414        <td class="sig">
415        <a id="Ext.dd.DropZone-applyConfig"></a>
416            <b>applyConfig</b>() : void            <div class="mdesc">
417                        <div class="short">Applies the configuration parameters that were passed into the constructor.
418This is supposed to happen at each level ...</div>
419            <div class="long">
420                Applies the configuration parameters that were passed into the constructor.
421This is supposed to happen at each level through the inheritance chain.  So
422a DDProxy implentation will execute apply config on DDProxy, DD, and
423DragDrop in order to get all of the parameters that are available in
424each object.    <div class="mdetail-params">
425        <strong>Parameters:</strong>
426        <ul><li>None.</li>        </ul>
427        <strong>Returns:</strong>
428        <ul>
429            <li><code>void</code></li>
430        </ul>
431    </div>
432                </div>
433                        </div>
434        </td>
435        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#applyConfig" href="output/Ext.dd.DragDrop.html#applyConfig">DragDrop</a></td>
436    </tr>
437        <tr class="method-row inherited expandable">
438        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
439        <td class="sig">
440        <a id="Ext.dd.DropZone-clearConstraints"></a>
441            <b>clearConstraints</b>() : void            <div class="mdesc">
442                        <div class="short">Clears any constraints applied to this instance.  Also clears ticks
443since they can't exist independent of a constrain...</div>
444            <div class="long">
445                Clears any constraints applied to this instance.  Also clears ticks
446since they can't exist independent of a constraint at this time.    <div class="mdetail-params">
447        <strong>Parameters:</strong>
448        <ul><li>None.</li>        </ul>
449        <strong>Returns:</strong>
450        <ul>
451            <li><code>void</code></li>
452        </ul>
453    </div>
454                </div>
455                        </div>
456        </td>
457        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#clearConstraints" href="output/Ext.dd.DragDrop.html#clearConstraints">DragDrop</a></td>
458    </tr>
459        <tr class="method-row inherited alt expandable">
460        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
461        <td class="sig">
462        <a id="Ext.dd.DropZone-clearTicks"></a>
463            <b>clearTicks</b>() : void            <div class="mdesc">
464                        <div class="short">Clears any tick interval defined for this instance</div>
465            <div class="long">
466                Clears any tick interval defined for this instance    <div class="mdetail-params">
467        <strong>Parameters:</strong>
468        <ul><li>None.</li>        </ul>
469        <strong>Returns:</strong>
470        <ul>
471            <li><code>void</code></li>
472        </ul>
473    </div>
474                </div>
475                        </div>
476        </td>
477        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#clearTicks" href="output/Ext.dd.DragDrop.html#clearTicks">DragDrop</a></td>
478    </tr>
479        <tr class="method-row inherited expandable">
480        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
481        <td class="sig">
482        <a id="Ext.dd.DropZone-constrainTo"></a>
483            <b>constrainTo</b>(&nbsp;<code>Mixed constrainTo</code>, <span class="optional" title="Optional">[<code>Object/Number pad</code>]</span>, <span class="optional" title="Optional">[<code>Boolean inContent</code>]</span>&nbsp;) : void            <div class="mdesc">
484                        <div class="short">Initializes the drag drop object's constraints to restrict movement to a certain element.
485Usage:
486 var dd = new Ext.d...</div>
487            <div class="long">
488                Initializes the drag drop object's constraints to restrict movement to a certain element.
489Usage:
490 <pre><code>var dd = <b>new</b> Ext.dd.DDProxy(<em>"dragDiv1"</em>, <em>"proxytest"</em>,
491                { dragElId: <em>"existingProxyDiv"</em> });
492 dd.startDrag = <b>function</b>(){
493     <b>this</b>.constrainTo(<em>"parent-id"</em>);
494 };</code></pre>
495Or you can initalize it using the <a ext:cls="Ext.Element" href="output/Ext.Element.html">Ext.Element</a> object:
496 <pre><code>Ext.get(<em>"dragDiv1"</em>).initDDProxy(<em>"proxytest"</em>, {dragElId: <em>"existingProxyDiv"</em>}, {
497     startDrag : <b>function</b>(){
498         <b>this</b>.constrainTo(<em>"parent-id"</em>);
499     }
500 });</code></pre>    <div class="mdetail-params">
501        <strong>Parameters:</strong>
502        <ul><li><code>constrainTo</code> : Mixed<div class="sub-desc">The element to constrain to.</div></li><li><code>pad</code> : Object/Number<div class="sub-desc">(optional) Pad provides a way to specify "padding" of the constraints,
503and can be either a number for symmetrical padding (4 would be equal to {left:4, right:4, top:4, bottom:4}) or
504an object containing the sides to pad. For example: {right:10, bottom:10}</div></li><li><code>inContent</code> : Boolean<div class="sub-desc">(optional) Constrain the draggable in the content box of the element (inside padding and borders)</div></li>        </ul>
505        <strong>Returns:</strong>
506        <ul>
507            <li><code>void</code></li>
508        </ul>
509    </div>
510                </div>
511                        </div>
512        </td>
513        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#constrainTo" href="output/Ext.dd.DragDrop.html#constrainTo">DragDrop</a></td>
514    </tr>
515        <tr class="method-row inherited alt expandable">
516        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
517        <td class="sig">
518        <a id="Ext.dd.DropZone-endDrag"></a>
519            <b>endDrag</b>(&nbsp;<code>Event e</code>&nbsp;) : void            <div class="mdesc">
520                        <div class="short">Fired when we are done dragging the object</div>
521            <div class="long">
522                Fired when we are done dragging the object    <div class="mdetail-params">
523        <strong>Parameters:</strong>
524        <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li>        </ul>
525        <strong>Returns:</strong>
526        <ul>
527            <li><code>void</code></li>
528        </ul>
529    </div>
530                </div>
531                        </div>
532        </td>
533        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#endDrag" href="output/Ext.dd.DragDrop.html#endDrag">DragDrop</a></td>
534    </tr>
535        <tr class="method-row inherited expandable">
536        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
537        <td class="sig">
538        <a id="Ext.dd.DropZone-getDragEl"></a>
539            <b>getDragEl</b>() : HTMLElement            <div class="mdesc">
540                        <div class="short">Returns a reference to the actual element to drag.  By default this is
541the same as the html element, but it can be as...</div>
542            <div class="long">
543                Returns a reference to the actual element to drag.  By default this is
544the same as the html element, but it can be assigned to another
545element. An example of this can be found in Ext.dd.DDProxy    <div class="mdetail-params">
546        <strong>Parameters:</strong>
547        <ul><li>None.</li>        </ul>
548        <strong>Returns:</strong>
549        <ul>
550            <li><code>HTMLElement</code><div class="sub-desc">the html element</div></li>
551        </ul>
552    </div>
553                </div>
554                        </div>
555        </td>
556        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#getDragEl" href="output/Ext.dd.DragDrop.html#getDragEl">DragDrop</a></td>
557    </tr>
558        <tr class="method-row inherited alt expandable">
559        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
560        <td class="sig">
561        <a id="Ext.dd.DropZone-getEl"></a>
562            <b>getEl</b>() : HTMLElement            <div class="mdesc">
563                        <div class="short">Returns a reference to the linked element</div>
564            <div class="long">
565                Returns a reference to the linked element    <div class="mdetail-params">
566        <strong>Parameters:</strong>
567        <ul><li>None.</li>        </ul>
568        <strong>Returns:</strong>
569        <ul>
570            <li><code>HTMLElement</code><div class="sub-desc">the html element</div></li>
571        </ul>
572    </div>
573                </div>
574                        </div>
575        </td>
576        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#getEl" href="output/Ext.dd.DragDrop.html#getEl">DragDrop</a></td>
577    </tr>
578        <tr class="method-row expandable">
579        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
580        <td class="sig">
581        <a id="Ext.dd.DropZone-getTargetFromEvent"></a>
582            <b>getTargetFromEvent</b>(&nbsp;<code>Event e</code>&nbsp;) : Object            <div class="mdesc">
583                        <div class="short">Returns a custom data object associated with the DOM node that is the target of the event.  By default
584this looks up ...</div>
585            <div class="long">
586                Returns a custom data object associated with the DOM node that is the target of the event.  By default
587this looks up the event target in the <a ext:cls="Ext.dd.Registry" href="output/Ext.dd.Registry.html">Ext.dd.Registry</a>, although you can override this method to
588provide your own custom lookup.    <div class="mdetail-params">
589        <strong>Parameters:</strong>
590        <ul><li><code>e</code> : Event<div class="sub-desc">The event</div></li>        </ul>
591        <strong>Returns:</strong>
592        <ul>
593            <li><code>Object</code><div class="sub-desc">data The custom data</div></li>
594        </ul>
595    </div>
596                </div>
597                        </div>
598        </td>
599        <td class="msource">DropZone</td>
600    </tr>
601        <tr class="method-row inherited alt expandable">
602        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
603        <td class="sig">
604        <a id="Ext.dd.DropZone-init"></a>
605            <b>init</b>(&nbsp;<code>id the</code>, <code>String sGroup</code>, <code>object config</code>&nbsp;) : void            <div class="mdesc">
606                        <div class="short">Sets up the DragDrop object.  Must be called in the constructor of any
607Ext.dd.DragDrop subclass</div>
608            <div class="long">
609                Sets up the DragDrop object.  Must be called in the constructor of any
610Ext.dd.DragDrop subclass    <div class="mdetail-params">
611        <strong>Parameters:</strong>
612        <ul><li><code>the</code> : id<div class="sub-desc">id of the linked element</div></li><li><code>sGroup</code> : String<div class="sub-desc">the group of related items</div></li><li><code>config</code> : object<div class="sub-desc">configuration attributes</div></li>        </ul>
613        <strong>Returns:</strong>
614        <ul>
615            <li><code>void</code></li>
616        </ul>
617    </div>
618                </div>
619                        </div>
620        </td>
621        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#init" href="output/Ext.dd.DragDrop.html#init">DragDrop</a></td>
622    </tr>
623        <tr class="method-row inherited expandable">
624        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
625        <td class="sig">
626        <a id="Ext.dd.DropZone-initTarget"></a>
627            <b>initTarget</b>(&nbsp;<code>id the</code>, <code>String sGroup</code>, <code>object config</code>&nbsp;) : void            <div class="mdesc">
628                        <div class="short">Initializes Targeting functionality only... the object does not
629get a mousedown handler.</div>
630            <div class="long">
631                Initializes Targeting functionality only... the object does not
632get a mousedown handler.    <div class="mdetail-params">
633        <strong>Parameters:</strong>
634        <ul><li><code>the</code> : id<div class="sub-desc">id of the linked element</div></li><li><code>sGroup</code> : String<div class="sub-desc">the group of related items</div></li><li><code>config</code> : object<div class="sub-desc">configuration attributes</div></li>        </ul>
635        <strong>Returns:</strong>
636        <ul>
637            <li><code>void</code></li>
638        </ul>
639    </div>
640                </div>
641                        </div>
642        </td>
643        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#initTarget" href="output/Ext.dd.DragDrop.html#initTarget">DragDrop</a></td>
644    </tr>
645        <tr class="method-row inherited alt expandable">
646        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
647        <td class="sig">
648        <a id="Ext.dd.DropZone-isLocked"></a>
649            <b>isLocked</b>() : boolean            <div class="mdesc">
650                        <div class="short">Returns true if this instance is locked, or the drag drop mgr is locked
651(meaning that all drag/drop is disabled on th...</div>
652            <div class="long">
653                Returns true if this instance is locked, or the drag drop mgr is locked
654(meaning that all drag/drop is disabled on the page.)    <div class="mdetail-params">
655        <strong>Parameters:</strong>
656        <ul><li>None.</li>        </ul>
657        <strong>Returns:</strong>
658        <ul>
659            <li><code>boolean</code><div class="sub-desc">true if this obj or all drag/drop is locked, else false</div></li>
660        </ul>
661    </div>
662                </div>
663                        </div>
664        </td>
665        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#isLocked" href="output/Ext.dd.DragDrop.html#isLocked">DragDrop</a></td>
666    </tr>
667        <tr class="method-row inherited expandable">
668        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
669        <td class="sig">
670        <a id="Ext.dd.DropZone-isValidHandleChild"></a>
671            <b>isValidHandleChild</b>(&nbsp;<code>HTMLElement node</code>&nbsp;) : boolean            <div class="mdesc">
672                        <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
673            <div class="long">
674                Checks the tag exclusion list to see if this click should be ignored    <div class="mdetail-params">
675        <strong>Parameters:</strong>
676        <ul><li><code>node</code> : HTMLElement<div class="sub-desc">the HTMLElement to evaluate</div></li>        </ul>
677        <strong>Returns:</strong>
678        <ul>
679            <li><code>boolean</code><div class="sub-desc">true if this is a valid tag type, false if not</div></li>
680        </ul>
681    </div>
682                </div>
683                        </div>
684        </td>
685        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#isValidHandleChild" href="output/Ext.dd.DragDrop.html#isValidHandleChild">DragDrop</a></td>
686    </tr>
687        <tr class="method-row inherited alt expandable">
688        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
689        <td class="sig">
690        <a id="Ext.dd.DropZone-lock"></a>
691            <b>lock</b>() : void            <div class="mdesc">
692                        <div class="short">Lock this instance</div>
693            <div class="long">
694                Lock this instance    <div class="mdetail-params">
695        <strong>Parameters:</strong>
696        <ul><li>None.</li>        </ul>
697        <strong>Returns:</strong>
698        <ul>
699            <li><code>void</code></li>
700        </ul>
701    </div>
702                </div>
703                        </div>
704        </td>
705        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#lock" href="output/Ext.dd.DragDrop.html#lock">DragDrop</a></td>
706    </tr>
707        <tr class="method-row expandable">
708        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
709        <td class="sig">
710        <a id="Ext.dd.DropZone-notifyDrop"></a>
711            <b>notifyDrop</b>(&nbsp;<code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : Boolean            <div class="mdesc">
712                        <div class="short">The function a Ext.dd.DragSource calls once to notify this drop zone that the dragged item has
713been dropped on it.  T...</div>
714            <div class="long">
715                The function a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> calls once to notify this drop zone that the dragged item has
716been dropped on it.  The drag zone will look up the target node based on the event passed in, and if there
717is a node registered for that event, it will delegate to <a ext:cls="Ext.dd.DropZone" ext:member="onNodeDrop" href="output/Ext.dd.DropZone.html#onNodeDrop">onNodeDrop</a> for node-specific handling,
718otherwise it will call <a ext:cls="Ext.dd.DropZone" ext:member="onContainerDrop" href="output/Ext.dd.DropZone.html#onContainerDrop">onContainerDrop</a>.    <div class="mdetail-params">
719        <strong>Parameters:</strong>
720        <ul><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
721        <strong>Returns:</strong>
722        <ul>
723            <li><code>Boolean</code><div class="sub-desc">True if the drop was valid, else false</div></li>
724        </ul>
725    </div>
726                </div>
727                        </div>
728        </td>
729        <td class="msource">DropZone</td>
730    </tr>
731        <tr class="method-row alt expandable">
732        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
733        <td class="sig">
734        <a id="Ext.dd.DropZone-notifyEnter"></a>
735            <b>notifyEnter</b>(&nbsp;<code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : String            <div class="mdesc">
736                        <div class="short">The function a Ext.dd.DragSource calls once to notify this drop zone that the source is now over
737the zone.  The defau...</div>
738            <div class="long">
739                The function a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> calls once to notify this drop zone that the source is now over
740the zone.  The default implementation returns this.dropNotAllowed and expects that only registered drop
741nodes can process drag drop operations, so if you need the drop zone itself to be able to process drops
742you should override this method and provide a custom implementation.    <div class="mdetail-params">
743        <strong>Parameters:</strong>
744        <ul><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
745        <strong>Returns:</strong>
746        <ul>
747            <li><code>String</code><div class="sub-desc">status The CSS class that communicates the drop status back to the source so that the underlying {@link Ext.dd.StatusProxy} can be updated</div></li>
748        </ul>
749    </div>
750                </div>
751                        </div>
752        </td>
753        <td class="msource">DropZone</td>
754    </tr>
755        <tr class="method-row expandable">
756        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
757        <td class="sig">
758        <a id="Ext.dd.DropZone-notifyOut"></a>
759            <b>notifyOut</b>(&nbsp;<code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : void            <div class="mdesc">
760                        <div class="short">The function a Ext.dd.DragSource calls once to notify this drop zone that the source has been dragged
761out of the zone...</div>
762            <div class="long">
763                The function a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> calls once to notify this drop zone that the source has been dragged
764out of the zone without dropping.  If the drag source is currently over a registered node, the notification
765will be delegated to <a ext:cls="Ext.dd.DropZone" ext:member="onNodeOut" href="output/Ext.dd.DropZone.html#onNodeOut">onNodeOut</a> for node-specific handling, otherwise it will be ignored.    <div class="mdetail-params">
766        <strong>Parameters:</strong>
767        <ul><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop target</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag zone</div></li>        </ul>
768        <strong>Returns:</strong>
769        <ul>
770            <li><code>void</code></li>
771        </ul>
772    </div>
773                </div>
774                        </div>
775        </td>
776        <td class="msource">DropZone</td>
777    </tr>
778        <tr class="method-row alt expandable">
779        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
780        <td class="sig">
781        <a id="Ext.dd.DropZone-notifyOver"></a>
782            <b>notifyOver</b>(&nbsp;<code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : String            <div class="mdesc">
783                        <div class="short">The function a Ext.dd.DragSource calls continuously while it is being dragged over the drop zone.
784This method will be...</div>
785            <div class="long">
786                The function a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> calls continuously while it is being dragged over the drop zone.
787This method will be called on every mouse movement while the drag source is over the drop zone.
788It will call <a ext:cls="Ext.dd.DropZone" ext:member="onNodeOver" href="output/Ext.dd.DropZone.html#onNodeOver">onNodeOver</a> while the drag source is over a registered node, and will also automatically
789delegate to the appropriate node-specific methods as necessary when the drag source enters and exits
790registered nodes (<a ext:cls="Ext.dd.DropZone" ext:member="onNodeEnter" href="output/Ext.dd.DropZone.html#onNodeEnter">onNodeEnter</a>, <a ext:cls="Ext.dd.DropZone" ext:member="onNodeOut" href="output/Ext.dd.DropZone.html#onNodeOut">onNodeOut</a>). If the drag source is not currently over a
791registered node, it will call <a ext:cls="Ext.dd.DropZone" ext:member="onContainerOver" href="output/Ext.dd.DropZone.html#onContainerOver">onContainerOver</a>.    <div class="mdetail-params">
792        <strong>Parameters:</strong>
793        <ul><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
794        <strong>Returns:</strong>
795        <ul>
796            <li><code>String</code><div class="sub-desc">status The CSS class that communicates the drop status back to the source so that the underlying {@link Ext.dd.StatusProxy} can be updated</div></li>
797        </ul>
798    </div>
799                </div>
800                        </div>
801        </td>
802        <td class="msource">DropZone</td>
803    </tr>
804        <tr class="method-row inherited expandable">
805        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
806        <td class="sig">
807        <a id="Ext.dd.DropZone-onAvailable"></a>
808            <b>onAvailable</b>() : void            <div class="mdesc">
809                        <div class="short">Override the onAvailable method to do what is needed after the initial
810position was determined.</div>
811            <div class="long">
812                Override the onAvailable method to do what is needed after the initial
813position was determined.    <div class="mdetail-params">
814        <strong>Parameters:</strong>
815        <ul><li>None.</li>        </ul>
816        <strong>Returns:</strong>
817        <ul>
818            <li><code>void</code></li>
819        </ul>
820    </div>
821                </div>
822                        </div>
823        </td>
824        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onAvailable" href="output/Ext.dd.DragDrop.html#onAvailable">DragDrop</a></td>
825    </tr>
826        <tr class="method-row alt expandable">
827        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
828        <td class="sig">
829        <a id="Ext.dd.DropZone-onContainerDrop"></a>
830            <b>onContainerDrop</b>(&nbsp;<code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : Boolean            <div class="mdesc">
831                        <div class="short">Called internally when the DropZone determines that a Ext.dd.DragSource has been dropped on it,
832but not on any of its...</div>
833            <div class="long">
834                Called internally when the DropZone determines that a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> has been dropped on it,
835but not on any of its registered drop nodes.  The default implementation returns false, so it should be
836overridden to provide the appropriate processing of the drop event if you need the drop zone itself to
837be able to accept drops.  It should return true when valid so that the drag source's repair action does not run.    <div class="mdetail-params">
838        <strong>Parameters:</strong>
839        <ul><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
840        <strong>Returns:</strong>
841        <ul>
842            <li><code>Boolean</code><div class="sub-desc">True if the drop was valid, else false</div></li>
843        </ul>
844    </div>
845                </div>
846                        </div>
847        </td>
848        <td class="msource">DropZone</td>
849    </tr>
850        <tr class="method-row expandable">
851        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
852        <td class="sig">
853        <a id="Ext.dd.DropZone-onContainerOver"></a>
854            <b>onContainerOver</b>(&nbsp;<code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : String            <div class="mdesc">
855                        <div class="short">Called internally while the DropZone determines that a Ext.dd.DragSource is being dragged over it,
856but not over any o...</div>
857            <div class="long">
858                Called internally while the DropZone determines that a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> is being dragged over it,
859but not over any of its registered drop nodes.  The default implementation returns this.dropNotAllowed, so
860it should be overridden to provide the proper feedback if necessary.    <div class="mdetail-params">
861        <strong>Parameters:</strong>
862        <ul><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
863        <strong>Returns:</strong>
864        <ul>
865            <li><code>String</code><div class="sub-desc">status The CSS class that communicates the drop status back to the source so that the underlying {@link Ext.dd.StatusProxy} can be updated</div></li>
866        </ul>
867    </div>
868                </div>
869                        </div>
870        </td>
871        <td class="msource">DropZone</td>
872    </tr>
873        <tr class="method-row inherited alt expandable">
874        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
875        <td class="sig">
876        <a id="Ext.dd.DropZone-onDrag"></a>
877            <b>onDrag</b>(&nbsp;<code>Event e</code>&nbsp;) : void            <div class="mdesc">
878                        <div class="short">Abstract method called during the onMouseMove event while dragging an
879object.</div>
880            <div class="long">
881                Abstract method called during the onMouseMove event while dragging an
882object.    <div class="mdetail-params">
883        <strong>Parameters:</strong>
884        <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li>        </ul>
885        <strong>Returns:</strong>
886        <ul>
887            <li><code>void</code></li>
888        </ul>
889    </div>
890                </div>
891                        </div>
892        </td>
893        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDrag" href="output/Ext.dd.DragDrop.html#onDrag">DragDrop</a></td>
894    </tr>
895        <tr class="method-row inherited expandable">
896        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
897        <td class="sig">
898        <a id="Ext.dd.DropZone-onDragDrop"></a>
899            <b>onDragDrop</b>(&nbsp;<code>Event e</code>, <code>String|DragDrop[] id</code>&nbsp;) : void            <div class="mdesc">
900                        <div class="short">Abstract method called when this item is dropped on another DragDrop
901obj</div>
902            <div class="long">
903                Abstract method called when this item is dropped on another DragDrop
904obj    <div class="mdetail-params">
905        <strong>Parameters:</strong>
906        <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element
907id this was dropped on. In INTERSECT mode, an array of dd items this
908was dropped on.</div></li>        </ul>
909        <strong>Returns:</strong>
910        <ul>
911            <li><code>void</code></li>
912        </ul>
913    </div>
914                </div>
915                        </div>
916        </td>
917        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragDrop" href="output/Ext.dd.DragDrop.html#onDragDrop">DragDrop</a></td>
918    </tr>
919        <tr class="method-row inherited alt expandable">
920        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
921        <td class="sig">
922        <a id="Ext.dd.DropZone-onDragEnter"></a>
923            <b>onDragEnter</b>(&nbsp;<code>Event e</code>, <code>String|DragDrop[] id</code>&nbsp;) : void            <div class="mdesc">
924                        <div class="short">Abstract method called when this element fist begins hovering over
925another DragDrop obj</div>
926            <div class="long">
927                Abstract method called when this element fist begins hovering over
928another DragDrop obj    <div class="mdetail-params">
929        <strong>Parameters:</strong>
930        <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element
931id this is hovering over. In INTERSECT mode, an array of one or more
932dragdrop items being hovered over.</div></li>        </ul>
933        <strong>Returns:</strong>
934        <ul>
935            <li><code>void</code></li>
936        </ul>
937    </div>
938                </div>
939                        </div>
940        </td>
941        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragEnter" href="output/Ext.dd.DragDrop.html#onDragEnter">DragDrop</a></td>
942    </tr>
943        <tr class="method-row inherited expandable">
944        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
945        <td class="sig">
946        <a id="Ext.dd.DropZone-onDragOut"></a>
947            <b>onDragOut</b>(&nbsp;<code>Event e</code>, <code>String|DragDrop[] id</code>&nbsp;) : void            <div class="mdesc">
948                        <div class="short">Abstract method called when we are no longer hovering over an element</div>
949            <div class="long">
950                Abstract method called when we are no longer hovering over an element    <div class="mdetail-params">
951        <strong>Parameters:</strong>
952        <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element
953id this was hovering over. In INTERSECT mode, an array of dd items
954that the mouse is no longer over.</div></li>        </ul>
955        <strong>Returns:</strong>
956        <ul>
957            <li><code>void</code></li>
958        </ul>
959    </div>
960                </div>
961                        </div>
962        </td>
963        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragOut" href="output/Ext.dd.DragDrop.html#onDragOut">DragDrop</a></td>
964    </tr>
965        <tr class="method-row inherited alt expandable">
966        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
967        <td class="sig">
968        <a id="Ext.dd.DropZone-onDragOver"></a>
969            <b>onDragOver</b>(&nbsp;<code>Event e</code>, <code>String|DragDrop[] id</code>&nbsp;) : void            <div class="mdesc">
970                        <div class="short">Abstract method called when this element is hovering over another
971DragDrop obj</div>
972            <div class="long">
973                Abstract method called when this element is hovering over another
974DragDrop obj    <div class="mdetail-params">
975        <strong>Parameters:</strong>
976        <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element
977id this is hovering over. In INTERSECT mode, an array of dd items
978being hovered over.</div></li>        </ul>
979        <strong>Returns:</strong>
980        <ul>
981            <li><code>void</code></li>
982        </ul>
983    </div>
984                </div>
985                        </div>
986        </td>
987        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragOver" href="output/Ext.dd.DragDrop.html#onDragOver">DragDrop</a></td>
988    </tr>
989        <tr class="method-row inherited expandable">
990        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
991        <td class="sig">
992        <a id="Ext.dd.DropZone-onInvalidDrop"></a>
993            <b>onInvalidDrop</b>(&nbsp;<code>Event e</code>&nbsp;) : void            <div class="mdesc">
994                        <div class="short">Abstract method called when this item is dropped on an area with no
995drop target</div>
996            <div class="long">
997                Abstract method called when this item is dropped on an area with no
998drop target    <div class="mdetail-params">
999        <strong>Parameters:</strong>
1000        <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li>        </ul>
1001        <strong>Returns:</strong>
1002        <ul>
1003            <li><code>void</code></li>
1004        </ul>
1005    </div>
1006                </div>
1007                        </div>
1008        </td>
1009        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onInvalidDrop" href="output/Ext.dd.DragDrop.html#onInvalidDrop">DragDrop</a></td>
1010    </tr>
1011        <tr class="method-row inherited alt expandable">
1012        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1013        <td class="sig">
1014        <a id="Ext.dd.DropZone-onMouseDown"></a>
1015            <b>onMouseDown</b>(&nbsp;<code>Event e</code>&nbsp;) : void            <div class="mdesc">
1016                        <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
1017            <div class="long">
1018                Event handler that fires when a drag/drop obj gets a mousedown    <div class="mdetail-params">
1019        <strong>Parameters:</strong>
1020        <ul><li><code>e</code> : Event<div class="sub-desc">the mousedown event</div></li>        </ul>
1021        <strong>Returns:</strong>
1022        <ul>
1023            <li><code>void</code></li>
1024        </ul>
1025    </div>
1026                </div>
1027                        </div>
1028        </td>
1029        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onMouseDown" href="output/Ext.dd.DragDrop.html#onMouseDown">DragDrop</a></td>
1030    </tr>
1031        <tr class="method-row inherited expandable">
1032        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1033        <td class="sig">
1034        <a id="Ext.dd.DropZone-onMouseUp"></a>
1035            <b>onMouseUp</b>(&nbsp;<code>Event e</code>&nbsp;) : void            <div class="mdesc">
1036                        <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
1037            <div class="long">
1038                Event handler that fires when a drag/drop obj gets a mouseup    <div class="mdetail-params">
1039        <strong>Parameters:</strong>
1040        <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li>        </ul>
1041        <strong>Returns:</strong>
1042        <ul>
1043            <li><code>void</code></li>
1044        </ul>
1045    </div>
1046                </div>
1047                        </div>
1048        </td>
1049        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onMouseUp" href="output/Ext.dd.DragDrop.html#onMouseUp">DragDrop</a></td>
1050    </tr>
1051        <tr class="method-row alt expandable">
1052        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1053        <td class="sig">
1054        <a id="Ext.dd.DropZone-onNodeDrop"></a>
1055            <b>onNodeDrop</b>(&nbsp;<code>Object nodeData</code>, <code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : Boolean            <div class="mdesc">
1056                        <div class="short">Called internally when the DropZone determines that a Ext.dd.DragSource has been dropped onto
1057the drop node.  The def...</div>
1058            <div class="long">
1059                Called internally when the DropZone determines that a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> has been dropped onto
1060the drop node.  The default implementation returns false, so it should be overridden to provide the
1061appropriate processing of the drop event and return true so that the drag source's repair action does not run.    <div class="mdetail-params">
1062        <strong>Parameters:</strong>
1063        <ul><li><code>nodeData</code> : Object<div class="sub-desc">The custom data associated with the drop node (this is the same value returned from
1064<a ext:cls="Ext.dd.DropZone" ext:member="getTargetFromEvent" href="output/Ext.dd.DropZone.html#getTargetFromEvent">getTargetFromEvent</a> for this node)</div></li><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
1065        <strong>Returns:</strong>
1066        <ul>
1067            <li><code>Boolean</code><div class="sub-desc">True if the drop was valid, else false</div></li>
1068        </ul>
1069    </div>
1070                </div>
1071                        </div>
1072        </td>
1073        <td class="msource">DropZone</td>
1074    </tr>
1075        <tr class="method-row expandable">
1076        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1077        <td class="sig">
1078        <a id="Ext.dd.DropZone-onNodeEnter"></a>
1079            <b>onNodeEnter</b>(&nbsp;<code>Object nodeData</code>, <code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : void            <div class="mdesc">
1080                        <div class="short">Called internally when the DropZone determines that a Ext.dd.DragSource has entered a drop node
1081that it has registere...</div>
1082            <div class="long">
1083                Called internally when the DropZone determines that a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> has entered a drop node
1084that it has registered.  This method has no default implementation and should be overridden to provide
1085node-specific processing if necessary.    <div class="mdetail-params">
1086        <strong>Parameters:</strong>
1087        <ul><li><code>nodeData</code> : Object<div class="sub-desc">The custom data associated with the drop node (this is the same value returned from
1088<a ext:cls="Ext.dd.DropZone" ext:member="getTargetFromEvent" href="output/Ext.dd.DropZone.html#getTargetFromEvent">getTargetFromEvent</a> for this node)</div></li><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
1089        <strong>Returns:</strong>
1090        <ul>
1091            <li><code>void</code></li>
1092        </ul>
1093    </div>
1094                </div>
1095                        </div>
1096        </td>
1097        <td class="msource">DropZone</td>
1098    </tr>
1099        <tr class="method-row alt expandable">
1100        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1101        <td class="sig">
1102        <a id="Ext.dd.DropZone-onNodeOut"></a>
1103            <b>onNodeOut</b>(&nbsp;<code>Object nodeData</code>, <code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : void            <div class="mdesc">
1104                        <div class="short">Called internally when the DropZone determines that a Ext.dd.DragSource has been dragged out of
1105the drop node without...</div>
1106            <div class="long">
1107                Called internally when the DropZone determines that a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> has been dragged out of
1108the drop node without dropping.  This method has no default implementation and should be overridden to provide
1109node-specific processing if necessary.    <div class="mdetail-params">
1110        <strong>Parameters:</strong>
1111        <ul><li><code>nodeData</code> : Object<div class="sub-desc">The custom data associated with the drop node (this is the same value returned from
1112<a ext:cls="Ext.dd.DropZone" ext:member="getTargetFromEvent" href="output/Ext.dd.DropZone.html#getTargetFromEvent">getTargetFromEvent</a> for this node)</div></li><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
1113        <strong>Returns:</strong>
1114        <ul>
1115            <li><code>void</code></li>
1116        </ul>
1117    </div>
1118                </div>
1119                        </div>
1120        </td>
1121        <td class="msource">DropZone</td>
1122    </tr>
1123        <tr class="method-row expandable">
1124        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1125        <td class="sig">
1126        <a id="Ext.dd.DropZone-onNodeOver"></a>
1127            <b>onNodeOver</b>(&nbsp;<code>Object nodeData</code>, <code>Ext.dd.DragSource source</code>, <code>Event e</code>, <code>Object data</code>&nbsp;) : String            <div class="mdesc">
1128                        <div class="short">Called internally while the DropZone determines that a Ext.dd.DragSource is over a drop node
1129that it has registered. ...</div>
1130            <div class="long">
1131                Called internally while the DropZone determines that a <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a> is over a drop node
1132that it has registered.  The default implementation returns this.dropNotAllowed, so it should be
1133overridden to provide the proper feedback.    <div class="mdetail-params">
1134        <strong>Parameters:</strong>
1135        <ul><li><code>nodeData</code> : Object<div class="sub-desc">The custom data associated with the drop node (this is the same value returned from
1136<a ext:cls="Ext.dd.DropZone" ext:member="getTargetFromEvent" href="output/Ext.dd.DropZone.html#getTargetFromEvent">getTargetFromEvent</a> for this node)</div></li><li><code>source</code> : Ext.dd.DragSource<div class="sub-desc">The drag source that was dragged over this drop zone</div></li><li><code>e</code> : Event<div class="sub-desc">The event</div></li><li><code>data</code> : Object<div class="sub-desc">An object containing arbitrary data supplied by the drag source</div></li>        </ul>
1137        <strong>Returns:</strong>
1138        <ul>
1139            <li><code>String</code><div class="sub-desc">status The CSS class that communicates the drop status back to the source so that the underlying {@link Ext.dd.StatusProxy} can be updated</div></li>
1140        </ul>
1141    </div>
1142                </div>
1143                        </div>
1144        </td>
1145        <td class="msource">DropZone</td>
1146    </tr>
1147        <tr class="method-row inherited alt expandable">
1148        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1149        <td class="sig">
1150        <a id="Ext.dd.DropZone-removeFromGroup"></a>
1151            <b>removeFromGroup</b>(&nbsp;<code>string sGroup</code>&nbsp;) : void            <div class="mdesc">
1152                        <div class="short">Remove's this instance from the supplied interaction group</div>
1153            <div class="long">
1154                Remove's this instance from the supplied interaction group    <div class="mdetail-params">
1155        <strong>Parameters:</strong>
1156        <ul><li><code>sGroup</code> : string<div class="sub-desc">The group to drop</div></li>        </ul>
1157        <strong>Returns:</strong>
1158        <ul>
1159            <li><code>void</code></li>
1160        </ul>
1161    </div>
1162                </div>
1163                        </div>
1164        </td>
1165        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeFromGroup" href="output/Ext.dd.DragDrop.html#removeFromGroup">DragDrop</a></td>
1166    </tr>
1167        <tr class="method-row inherited expandable">
1168        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1169        <td class="sig">
1170        <a id="Ext.dd.DropZone-removeInvalidHandleClass"></a>
1171            <b>removeInvalidHandleClass</b>(&nbsp;<code>string cssClass</code>&nbsp;) : void            <div class="mdesc">
1172                        <div class="short">Unsets an invalid css class</div>
1173            <div class="long">
1174                Unsets an invalid css class    <div class="mdetail-params">
1175        <strong>Parameters:</strong>
1176        <ul><li><code>cssClass</code> : string<div class="sub-desc">the class of the element(s) you wish to
1177re-enable</div></li>        </ul>
1178        <strong>Returns:</strong>
1179        <ul>
1180            <li><code>void</code></li>
1181        </ul>
1182    </div>
1183                </div>
1184                        </div>
1185        </td>
1186        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeInvalidHandleClass" href="output/Ext.dd.DragDrop.html#removeInvalidHandleClass">DragDrop</a></td>
1187    </tr>
1188        <tr class="method-row inherited alt expandable">
1189        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1190        <td class="sig">
1191        <a id="Ext.dd.DropZone-removeInvalidHandleId"></a>
1192            <b>removeInvalidHandleId</b>(&nbsp;<code>string id</code>&nbsp;) : void            <div class="mdesc">
1193                        <div class="short">Unsets an invalid handle id</div>
1194            <div class="long">
1195                Unsets an invalid handle id    <div class="mdetail-params">
1196        <strong>Parameters:</strong>
1197        <ul><li><code>id</code> : string<div class="sub-desc">the id of the element to re-enable</div></li>        </ul>
1198        <strong>Returns:</strong>
1199        <ul>
1200            <li><code>void</code></li>
1201        </ul>
1202    </div>
1203                </div>
1204                        </div>
1205        </td>
1206        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeInvalidHandleId" href="output/Ext.dd.DragDrop.html#removeInvalidHandleId">DragDrop</a></td>
1207    </tr>
1208        <tr class="method-row inherited expandable">
1209        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1210        <td class="sig">
1211        <a id="Ext.dd.DropZone-removeInvalidHandleType"></a>
1212            <b>removeInvalidHandleType</b>(&nbsp;<code>string tagName</code>&nbsp;) : void            <div class="mdesc">
1213                        <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
1214            <div class="long">
1215                Unsets an excluded tag name set by addInvalidHandleType    <div class="mdetail-params">
1216        <strong>Parameters:</strong>
1217        <ul><li><code>tagName</code> : string<div class="sub-desc">the type of element to unexclude</div></li>        </ul>
1218        <strong>Returns:</strong>
1219        <ul>
1220            <li><code>void</code></li>
1221        </ul>
1222    </div>
1223                </div>
1224                        </div>
1225        </td>
1226        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeInvalidHandleType" href="output/Ext.dd.DragDrop.html#removeInvalidHandleType">DragDrop</a></td>
1227    </tr>
1228        <tr class="method-row inherited alt expandable">
1229        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1230        <td class="sig">
1231        <a id="Ext.dd.DropZone-resetConstraints"></a>
1232            <b>resetConstraints</b>(&nbsp;<code>boolean maintainOffset</code>&nbsp;) : void            <div class="mdesc">
1233                        <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
1234            <div class="long">
1235                resetConstraints must be called if you manually reposition a dd element.    <div class="mdetail-params">
1236        <strong>Parameters:</strong>
1237        <ul><li><code>maintainOffset</code> : boolean<div class="sub-desc"></div></li>        </ul>
1238        <strong>Returns:</strong>
1239        <ul>
1240            <li><code>void</code></li>
1241        </ul>
1242    </div>
1243                </div>
1244                        </div>
1245        </td>
1246        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#resetConstraints" href="output/Ext.dd.DragDrop.html#resetConstraints">DragDrop</a></td>
1247    </tr>
1248        <tr class="method-row inherited expandable">
1249        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1250        <td class="sig">
1251        <a id="Ext.dd.DropZone-setDragElId"></a>
1252            <b>setDragElId</b>(&nbsp;<code>id {string}</code>&nbsp;) : void            <div class="mdesc">
1253                        <div class="short">Allows you to specify that an element other than the linked element
1254will be moved with the cursor during a drag</div>
1255            <div class="long">
1256                Allows you to specify that an element other than the linked element
1257will be moved with the cursor during a drag    <div class="mdetail-params">
1258        <strong>Parameters:</strong>
1259        <ul><li><code>{string}</code> : id<div class="sub-desc">the id of the element that will be used to initiate the drag</div></li>        </ul>
1260        <strong>Returns:</strong>
1261        <ul>
1262            <li><code>void</code></li>
1263        </ul>
1264    </div>
1265                </div>
1266                        </div>
1267        </td>
1268        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setDragElId" href="output/Ext.dd.DragDrop.html#setDragElId">DragDrop</a></td>
1269    </tr>
1270        <tr class="method-row inherited alt expandable">
1271        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1272        <td class="sig">
1273        <a id="Ext.dd.DropZone-setHandleElId"></a>
1274            <b>setHandleElId</b>(&nbsp;<code>id {string}</code>&nbsp;) : void            <div class="mdesc">
1275                        <div class="short">Allows you to specify a child of the linked element that should be
1276used to initiate the drag operation.  An example o...</div>
1277            <div class="long">
1278                Allows you to specify a child of the linked element that should be
1279used to initiate the drag operation.  An example of this would be if
1280you have a content div with text and links.  Clicking anywhere in the
1281content area would normally start the drag operation.  Use this method
1282to specify that an element inside of the content div is the element
1283that starts the drag operation.    <div class="mdetail-params">
1284        <strong>Parameters:</strong>
1285        <ul><li><code>{string}</code> : id<div class="sub-desc">the id of the element that will be used to
1286initiate the drag.</div></li>        </ul>
1287        <strong>Returns:</strong>
1288        <ul>
1289            <li><code>void</code></li>
1290        </ul>
1291    </div>
1292                </div>
1293                        </div>
1294        </td>
1295        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setHandleElId" href="output/Ext.dd.DragDrop.html#setHandleElId">DragDrop</a></td>
1296    </tr>
1297        <tr class="method-row inherited expandable">
1298        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1299        <td class="sig">
1300        <a id="Ext.dd.DropZone-setInitialPosition"></a>
1301            <b>setInitialPosition</b>(&nbsp;<code>int diffX</code>, <code>int diffY</code>&nbsp;) : void            <div class="mdesc">
1302                        <div class="short">Stores the initial placement of the linked element.</div>
1303            <div class="long">
1304                Stores the initial placement of the linked element.    <div class="mdetail-params">
1305        <strong>Parameters:</strong>
1306        <ul><li><code>diffX</code> : int<div class="sub-desc">the X offset, default 0</div></li><li><code>diffY</code> : int<div class="sub-desc">the Y offset, default 0</div></li>        </ul>
1307        <strong>Returns:</strong>
1308        <ul>
1309            <li><code>void</code></li>
1310        </ul>
1311    </div>
1312                </div>
1313                        </div>
1314        </td>
1315        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setInitialPosition" href="output/Ext.dd.DragDrop.html#setInitialPosition">DragDrop</a></td>
1316    </tr>
1317        <tr class="method-row inherited alt expandable">
1318        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1319        <td class="sig">
1320        <a id="Ext.dd.DropZone-setOuterHandleElId"></a>
1321            <b>setOuterHandleElId</b>(&nbsp;<code>id the</code>&nbsp;) : void            <div class="mdesc">
1322                        <div class="short">Allows you to set an element outside of the linked element as a drag
1323handle</div>
1324            <div class="long">
1325                Allows you to set an element outside of the linked element as a drag
1326handle    <div class="mdetail-params">
1327        <strong>Parameters:</strong>
1328        <ul><li><code>the</code> : id<div class="sub-desc">id of the element that will be used to initiate the drag</div></li>        </ul>
1329        <strong>Returns:</strong>
1330        <ul>
1331            <li><code>void</code></li>
1332        </ul>
1333    </div>
1334                </div>
1335                        </div>
1336        </td>
1337        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setOuterHandleElId" href="output/Ext.dd.DragDrop.html#setOuterHandleElId">DragDrop</a></td>
1338    </tr>
1339        <tr class="method-row inherited expandable">
1340        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1341        <td class="sig">
1342        <a id="Ext.dd.DropZone-setPadding"></a>
1343            <b>setPadding</b>(&nbsp;<code>int iTop</code>, <code>int iRight</code>, <code>int iBot</code>, <code>int iLeft</code>&nbsp;) : void            <div class="mdesc">
1344                        <div class="short">Configures the padding for the target zone in px.  Effectively expands
1345(or reduces) the virtual object size for targe...</div>
1346            <div class="long">
1347                Configures the padding for the target zone in px.  Effectively expands
1348(or reduces) the virtual object size for targeting calculations.
1349Supports css-style shorthand; if only one parameter is passed, all sides
1350will have that padding, and if only two are passed, the top and bottom
1351will have the first param, the left and right the second.    <div class="mdetail-params">
1352        <strong>Parameters:</strong>
1353        <ul><li><code>iTop</code> : int<div class="sub-desc">Top pad</div></li><li><code>iRight</code> : int<div class="sub-desc">Right pad</div></li><li><code>iBot</code> : int<div class="sub-desc">Bot pad</div></li><li><code>iLeft</code> : int<div class="sub-desc">Left pad</div></li>        </ul>
1354        <strong>Returns:</strong>
1355        <ul>
1356            <li><code>void</code></li>
1357        </ul>
1358    </div>
1359                </div>
1360                        </div>
1361        </td>
1362        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setPadding" href="output/Ext.dd.DragDrop.html#setPadding">DragDrop</a></td>
1363    </tr>
1364        <tr class="method-row inherited alt expandable">
1365        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1366        <td class="sig">
1367        <a id="Ext.dd.DropZone-setXConstraint"></a>
1368            <b>setXConstraint</b>(&nbsp;<code>int iLeft</code>, <code>int iRight</code>, <code>int iTickSize</code>&nbsp;) : void            <div class="mdesc">
1369                        <div class="short">By default, the element can be dragged any place on the screen.  Use
1370this method to limit the horizontal travel of th...</div>
1371            <div class="long">
1372                By default, the element can be dragged any place on the screen.  Use
1373this method to limit the horizontal travel of the element.  Pass in
13740,0 for the parameters if you want to lock the drag to the y axis.    <div class="mdetail-params">
1375        <strong>Parameters:</strong>
1376        <ul><li><code>iLeft</code> : int<div class="sub-desc">the number of pixels the element can move to the left</div></li><li><code>iRight</code> : int<div class="sub-desc">the number of pixels the element can move to the
1377right</div></li><li><code>iTickSize</code> : int<div class="sub-desc">optional parameter for specifying that the
1378element
1379should move iTickSize pixels at a time.</div></li>        </ul>
1380        <strong>Returns:</strong>
1381        <ul>
1382            <li><code>void</code></li>
1383        </ul>
1384    </div>
1385                </div>
1386                        </div>
1387        </td>
1388        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setXConstraint" href="output/Ext.dd.DragDrop.html#setXConstraint">DragDrop</a></td>
1389    </tr>
1390        <tr class="method-row inherited expandable">
1391        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1392        <td class="sig">
1393        <a id="Ext.dd.DropZone-setYConstraint"></a>
1394            <b>setYConstraint</b>(&nbsp;<code>int iUp</code>, <code>int iDown</code>, <code>int iTickSize</code>&nbsp;) : void            <div class="mdesc">
1395                        <div class="short">By default, the element can be dragged any place on the screen.  Set
1396this to limit the vertical travel of the element...</div>
1397            <div class="long">
1398                By default, the element can be dragged any place on the screen.  Set
1399this to limit the vertical travel of the element.  Pass in 0,0 for the
1400parameters if you want to lock the drag to the x axis.    <div class="mdetail-params">
1401        <strong>Parameters:</strong>
1402        <ul><li><code>iUp</code> : int<div class="sub-desc">the number of pixels the element can move up</div></li><li><code>iDown</code> : int<div class="sub-desc">the number of pixels the element can move down</div></li><li><code>iTickSize</code> : int<div class="sub-desc">optional parameter for specifying that the
1403element should move iTickSize pixels at a time.</div></li>        </ul>
1404        <strong>Returns:</strong>
1405        <ul>
1406            <li><code>void</code></li>
1407        </ul>
1408    </div>
1409                </div>
1410                        </div>
1411        </td>
1412        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setYConstraint" href="output/Ext.dd.DragDrop.html#setYConstraint">DragDrop</a></td>
1413    </tr>
1414        <tr class="method-row inherited alt expandable">
1415        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1416        <td class="sig">
1417        <a id="Ext.dd.DropZone-startDrag"></a>
1418            <b>startDrag</b>(&nbsp;<code>int X</code>, <code>int Y</code>&nbsp;) : void            <div class="mdesc">
1419                        <div class="short">Abstract method called after a drag/drop object is clicked
1420and the drag or mousedown time thresholds have beeen met.</div>
1421            <div class="long">
1422                Abstract method called after a drag/drop object is clicked
1423and the drag or mousedown time thresholds have beeen met.    <div class="mdetail-params">
1424        <strong>Parameters:</strong>
1425        <ul><li><code>X</code> : int<div class="sub-desc">click location</div></li><li><code>Y</code> : int<div class="sub-desc">click location</div></li>        </ul>
1426        <strong>Returns:</strong>
1427        <ul>
1428            <li><code>void</code></li>
1429        </ul>
1430    </div>
1431                </div>
1432                        </div>
1433        </td>
1434        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#startDrag" href="output/Ext.dd.DragDrop.html#startDrag">DragDrop</a></td>
1435    </tr>
1436        <tr class="method-row inherited expandable">
1437        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1438        <td class="sig">
1439        <a id="Ext.dd.DropZone-toString"></a>
1440            <b>toString</b>() : string            <div class="mdesc">
1441                        <div class="short">toString method</div>
1442            <div class="long">
1443                toString method    <div class="mdetail-params">
1444        <strong>Parameters:</strong>
1445        <ul><li>None.</li>        </ul>
1446        <strong>Returns:</strong>
1447        <ul>
1448            <li><code>string</code><div class="sub-desc">string representation of the dd obj</div></li>
1449        </ul>
1450    </div>
1451                </div>
1452                        </div>
1453        </td>
1454        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#toString" href="output/Ext.dd.DragDrop.html#toString">DragDrop</a></td>
1455    </tr>
1456        <tr class="method-row inherited alt expandable">
1457        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1458        <td class="sig">
1459        <a id="Ext.dd.DropZone-unlock"></a>
1460            <b>unlock</b>() : void            <div class="mdesc">
1461                        <div class="short">Unlock this instace</div>
1462            <div class="long">
1463                Unlock this instace    <div class="mdetail-params">
1464        <strong>Parameters:</strong>
1465        <ul><li>None.</li>        </ul>
1466        <strong>Returns:</strong>
1467        <ul>
1468            <li><code>void</code></li>
1469        </ul>
1470    </div>
1471                </div>
1472                        </div>
1473        </td>
1474        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#unlock" href="output/Ext.dd.DragDrop.html#unlock">DragDrop</a></td>
1475    </tr>
1476        <tr class="method-row inherited expandable">
1477        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1478        <td class="sig">
1479        <a id="Ext.dd.DropZone-unreg"></a>
1480            <b>unreg</b>() : void            <div class="mdesc">
1481                        <div class="short">Remove all drag and drop hooks for this element</div>
1482            <div class="long">
1483                Remove all drag and drop hooks for this element    <div class="mdetail-params">
1484        <strong>Parameters:</strong>
1485        <ul><li>None.</li>        </ul>
1486        <strong>Returns:</strong>
1487        <ul>
1488            <li><code>void</code></li>
1489        </ul>
1490    </div>
1491                </div>
1492                        </div>
1493        </td>
1494        <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#unreg" href="output/Ext.dd.DragDrop.html#unreg">DragDrop</a></td>
1495    </tr>
1496            </table>
1497                <a id="Ext.dd.DropZone-events"></a>
1498        <h2>Public Events</h2>
1499        <div class="no-members">This class has no public events.</div>
1500        </div>
Note: See TracBrowser for help on using the repository browser.