1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.dd.DragZone</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.dd.DragZone-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.dd.DragZone-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.dd.DragZone-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.dd.DragZone-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
50 <img src="../../images/default/s.gif" height="1" width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DragZone
55 <!-- ============================== class title / details ============================ -->
58 <h1 class="classTitle">
63 <table cellspacing="0" class="class-summary-table">
65 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
67 <tr><td class="label">Defined In:</td><td class="hd-info">
69 <a href="./src/Roo_dd_DragZone.js.html">Roo/dd/DragZone.js</a>.
72 <tr><td class="label">Class:</td><td class="hd-info">DragZone</td></tr>
77 <tr><td class="label">Extends:</td><td class="hd-info">
78 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
86 <!-- ============================== class summary ========================== -->
87 <div class="description">
88 This class provides a container DD instance that proxies for multiple child node sources.<br /><br/>By default, this class requires that draggable child nodes are registered with {<b>link</b> Roo.dd.Registry}.
92 <!-- ============================== Class comment block... ========================== -->
94 <div class="comments">
95 <b>Class Comments / Notes</B> =>
96 <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DragZone';">[Add Your comment/notes about this class]</u>
98 <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
99 src="/blog.php/GtkDjsComments/Roo.dd.DragZone.html"></iframe>
104 <!-- ============================== config options ========================== -->
109 <div class="hr"></div>
110 <a id="Roo.dd.DragZone-configs"></a>
116 <table cellspacing="0" class="member-table">
117 <caption>Config Options (Usually are also Properties)</caption>
121 <th class="sig-header" colspan="2">Options</th>
123 <th class="msource-header">Defined By</th>
130 <tr class="config-row expandable config-row-alt0 notInherited">
131 <td class="micon"><a class="exi" href="#expand"> </a></td>
134 <a id="Roo.dd.DragZone-cfg-containerScroll" name=".containerScroll"></a>
135 <div class="fixedFont">
136 <b class="itemname">containerScroll</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
142 <div class="short">True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.</div>
146 <div class="long">True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.</div>
160 <tr class="config-row expandable config-row-alt1">
161 <td class="micon"><a class="exi" href="#expand"> </a></td>
164 <a id="Roo.dd.DragSource-cfg-dropAllowed" name=".dropAllowed"></a>
165 <div class="fixedFont">
166 <b class="itemname">dropAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
172 <div class="short">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
176 <div class="long">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
184 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
190 <tr class="config-row expandable config-row-alt0">
191 <td class="micon"><a class="exi" href="#expand"> </a></td>
194 <a id="Roo.dd.DragSource-cfg-dropNotAllowed" name=".dropNotAllowed"></a>
195 <div class="fixedFont">
196 <b class="itemname">dropNotAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
202 <div class="short">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
206 <div class="long">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
214 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
220 <tr class="config-row expandable config-row-alt1 notInherited">
221 <td class="micon"><a class="exi" href="#expand"> </a></td>
224 <a id="Roo.dd.DragZone-cfg-hlColor" name=".hlColor"></a>
225 <div class="fixedFont">
226 <b class="itemname">hlColor</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
232 <div class="short">The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)</div>
236 <div class="long">The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)</div>
260 <!-- ============================== public properties ==================== -->
264 <a id="Roo.dd.DragZone-props"></a>
272 <table cellspacing="0" class="member-table">
273 <caption>Public Properties </caption>
275 <th class="sig-header" colspan="2">Property</th>
276 <th class="sig-header">Description</th>
277 <th class="msource-header">Defined By</th>
287 <tr class="property-row config-row-alt0">
289 <a class="exi" href="#expand"> </a>
292 <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
293 <div class="fixedFont">
294 <span class="attributes">Roo.dd.DragZone.</span><b class="itemname">dragElId</b> :
295 <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
303 The default drag frame div id
311 The default drag frame div id
318 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
327 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
328 <tr class="property-row alt">
335 <!-- ============================== methods summary / details ======================== -->
338 <a id="Roo.dd.DragZone-methods"></a>
339 <!-- constructor?? -->
346 <!-- then dynamics first -->
353 <table cellspacing="0" class="member-table">
354 <caption>Public Methods</caption>
356 <th class="sig-header" colspan="2">Method</th>
357 <th class="msource-header">Defined By</th>
367 <tr class="method-row config-row-alt0 expandable notInherited">
368 <td class="micon"><a class="exi" href="#expand"> </a></td>
372 <a id="Roo.dd-method-DragZone" name=".DragZone"></a>
373 <div class="fixedFont">
374 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DragZone</b>
376 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
384 <div class="short">Create a new Roo.dd.DragZone</div>
391 Create a new Roo.dd.DragZone
394 <dl class="detailList">
395 <dt class="heading">Parameters:</dt>
398 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
401 <dd>The container element</dd>
404 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
431 <tr class="method-row config-row-alt1 expandable">
432 <td class="micon"><a class="exi" href="#expand"> </a></td>
436 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
437 <div class="fixedFont">
438 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
440 (string <B><i>cssClass</i></B>)
447 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
453 Lets you specify a css class of elements that will not initiate a drag
460 <dl class="detailList">
461 <dt class="heading">Parameters:</dt>
464 <span class="fixedFont">string</span> <b>cssClass</b>
467 <dd>the class of the elements you wish to ignore</dd>
487 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
493 <tr class="method-row config-row-alt0 expandable">
494 <td class="micon"><a class="exi" href="#expand"> </a></td>
498 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
499 <div class="fixedFont">
500 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
502 (string <B><i>id</i></B>)
509 <div class="short">Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag</div>
515 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
522 <dl class="detailList">
523 <dt class="heading">Parameters:</dt>
526 <span class="fixedFont">string</span> <b>id</b>
529 <dd>the element id of the element you wish to ignore</dd>
549 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
555 <tr class="method-row config-row-alt1 expandable">
556 <td class="micon"><a class="exi" href="#expand"> </a></td>
560 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
561 <div class="fixedFont">
562 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
564 (string <B><i>tagName</i></B>)
571 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
577 Allows you to specify a tag name that should not start a drag operation<br/>when clicked. This is designed to facilitate embedding links within a<br/>drag handle that do something other than start the drag.
584 <dl class="detailList">
585 <dt class="heading">Parameters:</dt>
588 <span class="fixedFont">string</span> <b>tagName</b>
591 <dd>the type of element to exclude</dd>
611 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
617 <tr class="method-row config-row-alt0 expandable">
618 <td class="micon"><a class="exi" href="#expand"> </a></td>
622 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
623 <div class="fixedFont">
624 <span class="attributes"></span><b class="itemname">addToGroup</b>
626 (<B><i>sGroup</i></B>)
633 <div class="short">Add this instance to a group of related drag/drop objects.</div>
639 Add this instance to a group of related drag/drop objects. All<br/>instances belong to at least one group, and can belong to as many<br/>groups as needed.
646 <dl class="detailList">
647 <dt class="heading">Parameters:</dt>
653 <dd>{string} the name of the group</dd>
673 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
679 <tr class="method-row config-row-alt1 expandable notInherited">
680 <td class="micon"><a class="exi" href="#expand"> </a></td>
684 <a id="Roo.dd.DragZone-method-afterRepair" name=".afterRepair"></a>
685 <div class="fixedFont">
686 <span class="attributes"></span><b class="itemname">afterRepair</b>
695 <div class="short">Called after a repair of an invalid drop.</div>
701 Called after a repair of an invalid drop. By default, highlights this.dragData.ddel
730 <tr class="method-row config-row-alt0 expandable">
731 <td class="micon"><a class="exi" href="#expand"> </a></td>
735 <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
736 <div class="fixedFont">
737 <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
739 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>el</i></B>, int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
746 <div class="short">Sets the element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked.</div>
752 Sets the element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked. Override this if you want to place the element in a<br/>location other than where the cursor is.
759 <dl class="detailList">
760 <dt class="heading">Parameters:</dt>
763 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
766 <dd>the element to move</dd>
769 <span class="fixedFont">int</span> <b>iPageX</b>
772 <dd>the X coordinate of the mousedown or drag event</dd>
775 <span class="fixedFont">int</span> <b>iPageY</b>
778 <dd>the Y coordinate of the mousedown or drag event</dd>
798 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
804 <tr class="method-row config-row-alt1 expandable">
805 <td class="micon"><a class="exi" href="#expand"> </a></td>
809 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
810 <div class="fixedFont">
811 <span class="attributes"></span><b class="itemname">applyConfig</b>
820 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
826 Applies the configuration parameters that were passed into the constructor.<br/>This is supposed to happen at each level through the inheritance chain. So<br/>a DDProxy implentation will execute apply config on DDProxy, DD, and<br/>DragDrop in order to get all of the parameters that are available in<br/>each object.
849 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
855 <tr class="method-row config-row-alt0 expandable">
856 <td class="micon"><a class="exi" href="#expand"> </a></td>
860 <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
861 <div class="fixedFont">
862 <span class="attributes"></span><b class="itemname">autoOffset</b>
864 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
871 <div class="short">Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked</div>
877 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
884 <dl class="detailList">
885 <dt class="heading">Parameters:</dt>
888 <span class="fixedFont">int</span> <b>iPageX</b>
891 <dd>the X coordinate of the click</dd>
894 <span class="fixedFont">int</span> <b>iPageY</b>
897 <dd>the Y coordinate of the click</dd>
917 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
923 <tr class="method-row config-row-alt1 expandable">
924 <td class="micon"><a class="exi" href="#expand"> </a></td>
928 <a id="Roo.dd.DragSource-method-beforeDragDrop" name=".beforeDragDrop"></a>
929 <div class="fixedFont">
930 <span class="attributes"></span><b class="itemname">beforeDragDrop</b>
932 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
938 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
947 <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.</div>
953 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.
960 <dl class="detailList">
961 <dt class="heading">Parameters:</dt>
964 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
967 <dd>The drop target</dd>
970 <span class="fixedFont">Event</span> <b>e</b>
973 <dd>The event object</dd>
976 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
979 <dd>The id of the dragged element</dd>
987 <dl class="detailList">
988 <dt class="heading">Returns:</dt>
990 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag drop event is valid, else false to cancel</dd>
1004 <td class="msource">
1006 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1012 <tr class="method-row config-row-alt0 expandable">
1013 <td class="micon"><a class="exi" href="#expand"> </a></td>
1017 <a id="Roo.dd.DragSource-method-beforeDragEnter" name=".beforeDragEnter"></a>
1018 <div class="fixedFont">
1019 <span class="attributes"></span><b class="itemname">beforeDragEnter</b>
1021 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1027 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1036 <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.</div>
1042 An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.
1049 <dl class="detailList">
1050 <dt class="heading">Parameters:</dt>
1053 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1056 <dd>The drop target</dd>
1059 <span class="fixedFont">Event</span> <b>e</b>
1062 <dd>The event object</dd>
1065 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1068 <dd>The id of the dragged element</dd>
1076 <dl class="detailList">
1077 <dt class="heading">Returns:</dt>
1079 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1093 <td class="msource">
1095 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1101 <tr class="method-row config-row-alt1 expandable">
1102 <td class="micon"><a class="exi" href="#expand"> </a></td>
1106 <a id="Roo.dd.DragSource-method-beforeDragOut" name=".beforeDragOut"></a>
1107 <div class="fixedFont">
1108 <span class="attributes"></span><b class="itemname">beforeDragOut</b>
1110 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1116 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1125 <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.</div>
1131 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.
1138 <dl class="detailList">
1139 <dt class="heading">Parameters:</dt>
1142 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1145 <dd>The drop target</dd>
1148 <span class="fixedFont">Event</span> <b>e</b>
1151 <dd>The event object</dd>
1154 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1157 <dd>The id of the dragged element</dd>
1165 <dl class="detailList">
1166 <dt class="heading">Returns:</dt>
1168 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1182 <td class="msource">
1184 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1190 <tr class="method-row config-row-alt0 expandable">
1191 <td class="micon"><a class="exi" href="#expand"> </a></td>
1195 <a id="Roo.dd.DragSource-method-beforeDragOver" name=".beforeDragOver"></a>
1196 <div class="fixedFont">
1197 <span class="attributes"></span><b class="itemname">beforeDragOver</b>
1199 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1205 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1214 <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.</div>
1220 An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.
1227 <dl class="detailList">
1228 <dt class="heading">Parameters:</dt>
1231 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1234 <dd>The drop target</dd>
1237 <span class="fixedFont">Event</span> <b>e</b>
1240 <dd>The event object</dd>
1243 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1246 <dd>The id of the dragged element</dd>
1254 <dl class="detailList">
1255 <dt class="heading">Returns:</dt>
1257 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1271 <td class="msource">
1273 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1279 <tr class="method-row config-row-alt1 expandable">
1280 <td class="micon"><a class="exi" href="#expand"> </a></td>
1284 <a id="Roo.dd.DragSource-method-beforeInvalidDrop" name=".beforeInvalidDrop"></a>
1285 <div class="fixedFont">
1286 <span class="attributes"></span><b class="itemname">beforeInvalidDrop</b>
1288 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1294 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1303 <div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.</div>
1309 An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.
1316 <dl class="detailList">
1317 <dt class="heading">Parameters:</dt>
1320 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1323 <dd>The drop target</dd>
1326 <span class="fixedFont">Event</span> <b>e</b>
1329 <dd>The event object</dd>
1332 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1335 <dd>The id of the dragged element</dd>
1343 <dl class="detailList">
1344 <dt class="heading">Returns:</dt>
1346 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the invalid drop should proceed, else false to cancel</dd>
1360 <td class="msource">
1362 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1368 <tr class="method-row config-row-alt0 expandable">
1369 <td class="micon"><a class="exi" href="#expand"> </a></td>
1373 <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
1374 <div class="fixedFont">
1375 <span class="attributes"></span><b class="itemname">cachePosition</b>
1377 (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
1384 <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
1390 Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand. We need to know this so that we can calculate the<br/>number of pixels the element is offset from its original position.
1397 <dl class="detailList">
1398 <dt class="heading">Parameters:</dt>
1404 <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1410 <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1428 <td class="msource">
1430 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
1436 <tr class="method-row config-row-alt1 expandable">
1437 <td class="micon"><a class="exi" href="#expand"> </a></td>
1441 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
1442 <div class="fixedFont">
1443 <span class="attributes"></span><b class="itemname">clearConstraints</b>
1452 <div class="short">Clears any constraints applied to this instance.</div>
1458 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
1479 <td class="msource">
1481 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1487 <tr class="method-row config-row-alt0 expandable">
1488 <td class="micon"><a class="exi" href="#expand"> </a></td>
1492 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
1493 <div class="fixedFont">
1494 <span class="attributes"></span><b class="itemname">clearTicks</b>
1503 <div class="short">Clears any tick interval defined for this instance</div>
1509 Clears any tick interval defined for this instance
1530 <td class="msource">
1532 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1538 <tr class="method-row config-row-alt1 expandable">
1539 <td class="micon"><a class="exi" href="#expand"> </a></td>
1543 <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
1544 <div class="fixedFont">
1545 <span class="attributes"></span><b class="itemname">createFrame</b>
1554 <div class="short">Creates the proxy element if it does not yet exist</div>
1560 Creates the proxy element if it does not yet exist
1581 <td class="msource">
1583 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
1589 <tr class="method-row config-row-alt0 expandable">
1590 <td class="micon"><a class="exi" href="#expand"> </a></td>
1594 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
1595 <div class="fixedFont">
1596 <span class="attributes"></span><b class="itemname">endDrag</b>
1598 (Event <B><i>e</i></B>)
1605 <div class="short">Fired when we are done dragging the object</div>
1611 Fired when we are done dragging the object
1618 <dl class="detailList">
1619 <dt class="heading">Parameters:</dt>
1622 <span class="fixedFont">Event</span> <b>e</b>
1625 <dd>the mouseup event</dd>
1643 <td class="msource">
1645 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1651 <tr class="method-row config-row-alt1 expandable">
1652 <td class="micon"><a class="exi" href="#expand"> </a></td>
1656 <a id="Roo.dd.DragDrop-method-function toString() {
1658 }" name=".function toString() {
1661 <div class="fixedFont">
1662 <span class="attributes"></span><b class="itemname">function toString() {
1681 <div class="short">toString method</div>
1698 <dl class="detailList">
1699 <dt class="heading">Returns:</dt>
1701 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1715 <td class="msource">
1717 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1723 <tr class="method-row config-row-alt0 expandable notInherited">
1724 <td class="micon"><a class="exi" href="#expand"> </a></td>
1728 <a id="Roo.dd.DragZone-method-getDragData" name=".getDragData"></a>
1729 <div class="fixedFont">
1730 <span class="attributes"></span><b class="itemname">getDragData</b>
1732 (EventObject <B><i>e</i></B>)
1738 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1747 <div class="short">Called when a mousedown occurs in this container.</div>
1753 Called when a mousedown occurs in this container. Looks in {<b>link</b> Roo.dd.Registry}<br/>for a valid target to drag based on the mouse down. Override this method<br/>to provide your own lookup logic (e.g. finding a child by class name). Make sure your returned<br/>object has a "ddel" attribute (with an HTML Element) for other functions to work.
1760 <dl class="detailList">
1761 <dt class="heading">Parameters:</dt>
1764 <span class="fixedFont">EventObject</span> <b>e</b>
1767 <dd>The mouse down event</dd>
1775 <dl class="detailList">
1776 <dt class="heading">Returns:</dt>
1778 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> The dragData</dd>
1792 <td class="msource">
1800 <tr class="method-row config-row-alt1 expandable">
1801 <td class="micon"><a class="exi" href="#expand"> </a></td>
1805 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
1806 <div class="fixedFont">
1807 <span class="attributes"></span><b class="itemname">getDragEl</b>
1815 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1824 <div class="short">Returns a reference to the actual element to drag.</div>
1830 Returns a reference to the actual element to drag. By default this is<br/>the same as the html element, but it can be assigned to another<br/>element. An example of this can be found in Roo.dd.DDProxy
1841 <dl class="detailList">
1842 <dt class="heading">Returns:</dt>
1844 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> the html element</dd>
1858 <td class="msource">
1860 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1866 <tr class="method-row config-row-alt0 expandable">
1867 <td class="micon"><a class="exi" href="#expand"> </a></td>
1871 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
1872 <div class="fixedFont">
1873 <span class="attributes"></span><b class="itemname">getEl</b>
1881 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1890 <div class="short">Returns a reference to the linked element</div>
1896 Returns a reference to the linked element
1907 <dl class="detailList">
1908 <dt class="heading">Returns:</dt>
1910 <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> the html element</dd>
1924 <td class="msource">
1926 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1932 <tr class="method-row config-row-alt1 expandable">
1933 <td class="micon"><a class="exi" href="#expand"> </a></td>
1937 <a id="Roo.dd.DragSource-method-getProxy" name=".getProxy"></a>
1938 <div class="fixedFont">
1939 <span class="attributes"></span><b class="itemname">getProxy</b>
1947 <a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a>
1956 <div class="short">Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}</div>
1962 Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}
1973 <dl class="detailList">
1974 <dt class="heading">Returns:</dt>
1976 <dd><span class="fixedFont"><a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a></span> proxy The StatusProxy</dd>
1990 <td class="msource">
1992 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1998 <tr class="method-row config-row-alt0 expandable notInherited">
1999 <td class="micon"><a class="exi" href="#expand"> </a></td>
2003 <a id="Roo.dd.DragZone-method-getRepairXY" name=".getRepairXY"></a>
2004 <div class="fixedFont">
2005 <span class="attributes"></span><b class="itemname">getRepairXY</b>
2007 (EventObject <B><i>e</i></B>)
2013 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
2022 <div class="short">Called before a repair of an invalid drop to get the XY to animate to.</div>
2028 Called before a repair of an invalid drop to get the XY to animate to. By default returns<br/>the XY of this.dragData.ddel
2035 <dl class="detailList">
2036 <dt class="heading">Parameters:</dt>
2039 <span class="fixedFont">EventObject</span> <b>e</b>
2042 <dd>The mouse up event</dd>
2050 <dl class="detailList">
2051 <dt class="heading">Returns:</dt>
2053 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The xy location (e.g. [100, 200])</dd>
2067 <td class="msource">
2075 <tr class="method-row config-row-alt1 expandable">
2076 <td class="micon"><a class="exi" href="#expand"> </a></td>
2080 <a id="Roo.dd.DragSource-method-hideProxy" name=".hideProxy"></a>
2081 <div class="fixedFont">
2082 <span class="attributes"></span><b class="itemname">hideProxy</b>
2091 <div class="short">Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}</div>
2097 Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}
2118 <td class="msource">
2120 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
2126 <tr class="method-row config-row-alt0 expandable">
2127 <td class="micon"><a class="exi" href="#expand"> </a></td>
2131 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
2132 <div class="fixedFont">
2133 <span class="attributes"></span><b class="itemname">init</b>
2135 (<B><i>id</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sGroup</i></B>, object <B><i>config</i></B>)
2142 <div class="short">Sets up the DragDrop object.</div>
2148 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
2155 <dl class="detailList">
2156 <dt class="heading">Parameters:</dt>
2162 <dd>the id of the linked element</dd>
2165 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2168 <dd>the group of related items</dd>
2171 <span class="fixedFont">object</span> <b>config</b>
2174 <dd>configuration attributes</dd>
2192 <td class="msource">
2194 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2200 <tr class="method-row config-row-alt1 expandable">
2201 <td class="micon"><a class="exi" href="#expand"> </a></td>
2205 <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
2206 <div class="fixedFont">
2207 <span class="attributes"></span><b class="itemname">initFrame</b>
2216 <div class="short">Initialization for the drag frame element.</div>
2222 Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
2243 <td class="msource">
2245 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
2251 <tr class="method-row config-row-alt0 expandable">
2252 <td class="micon"><a class="exi" href="#expand"> </a></td>
2256 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
2257 <div class="fixedFont">
2258 <span class="attributes"></span><b class="itemname">initTarget</b>
2260 (<B><i>id</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sGroup</i></B>, object <B><i>config</i></B>)
2267 <div class="short">Initializes Targeting functionality only.</div>
2273 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
2280 <dl class="detailList">
2281 <dt class="heading">Parameters:</dt>
2287 <dd>the id of the linked element</dd>
2290 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2293 <dd>the group of related items</dd>
2296 <span class="fixedFont">object</span> <b>config</b>
2299 <dd>configuration attributes</dd>
2317 <td class="msource">
2319 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2325 <tr class="method-row config-row-alt1 expandable">
2326 <td class="micon"><a class="exi" href="#expand"> </a></td>
2330 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
2331 <div class="fixedFont">
2332 <span class="attributes"></span><b class="itemname">isLocked</b>
2349 <div class="short">Returns true if this instance is locked, or the drag drop mgr is locked<br/>(meaning that all drag/drop is disabled on the page.</div>
2355 Returns true if this instance is locked, or the drag drop mgr is locked<br/>(meaning that all drag/drop is disabled on the page.)
2366 <dl class="detailList">
2367 <dt class="heading">Returns:</dt>
2369 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
2383 <td class="msource">
2385 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2391 <tr class="method-row config-row-alt0 expandable">
2392 <td class="micon"><a class="exi" href="#expand"> </a></td>
2396 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
2397 <div class="fixedFont">
2398 <span class="attributes"></span><b class="itemname">isTarget</b>
2407 <div class="short">By default, all insances can be a drop target.</div>
2413 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
2434 <td class="msource">
2436 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2442 <tr class="method-row config-row-alt1 expandable">
2443 <td class="micon"><a class="exi" href="#expand"> </a></td>
2447 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
2448 <div class="fixedFont">
2449 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
2451 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
2466 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
2472 Checks the tag exclusion list to see if this click should be ignored
2479 <dl class="detailList">
2480 <dt class="heading">Parameters:</dt>
2483 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2486 <dd>the HTMLElement to evaluate</dd>
2494 <dl class="detailList">
2495 <dt class="heading">Returns:</dt>
2497 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
2511 <td class="msource">
2513 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2519 <tr class="method-row config-row-alt0 expandable">
2520 <td class="micon"><a class="exi" href="#expand"> </a></td>
2524 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
2525 <div class="fixedFont">
2526 <span class="attributes"></span><b class="itemname">lock</b>
2535 <div class="short">Lock this instance</div>
2562 <td class="msource">
2564 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2570 <tr class="method-row config-row-alt1 expandable">
2571 <td class="micon"><a class="exi" href="#expand"> </a></td>
2575 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
2576 <div class="fixedFont">
2577 <span class="attributes"></span><b class="itemname">onAvailable</b>
2586 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
2592 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
2613 <td class="msource">
2615 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2621 <tr class="method-row config-row-alt0 expandable">
2622 <td class="micon"><a class="exi" href="#expand"> </a></td>
2626 <a id="Roo.dd.DragSource-method-onBeforeDrag" name=".onBeforeDrag"></a>
2627 <div class="fixedFont">
2628 <span class="attributes"></span><b class="itemname">onBeforeDrag</b>
2630 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>, Event <B><i>e</i></B>)
2636 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2645 <div class="short">An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.</div>
2651 An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.
2658 <dl class="detailList">
2659 <dt class="heading">Parameters:</dt>
2662 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>data</b>
2665 <dd>An object containing arbitrary data to be shared with drop targets</dd>
2668 <span class="fixedFont">Event</span> <b>e</b>
2671 <dd>The event object</dd>
2679 <dl class="detailList">
2680 <dt class="heading">Returns:</dt>
2682 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
2696 <td class="msource">
2698 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
2704 <tr class="method-row config-row-alt1 expandable">
2705 <td class="micon"><a class="exi" href="#expand"> </a></td>
2709 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
2710 <div class="fixedFont">
2711 <span class="attributes"></span><b class="itemname">onDrag</b>
2713 (Event <B><i>e</i></B>)
2720 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
2726 Abstract method called during the onMouseMove event while dragging an<br/>object.
2733 <dl class="detailList">
2734 <dt class="heading">Parameters:</dt>
2737 <span class="fixedFont">Event</span> <b>e</b>
2740 <dd>the mousemove event</dd>
2758 <td class="msource">
2760 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2766 <tr class="method-row config-row-alt0 expandable">
2767 <td class="micon"><a class="exi" href="#expand"> </a></td>
2771 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
2772 <div class="fixedFont">
2773 <span class="attributes"></span><b class="itemname">onDragDrop</b>
2775 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2782 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
2788 Abstract method called when this item is dropped on another DragDrop<br/>obj
2795 <dl class="detailList">
2796 <dt class="heading">Parameters:</dt>
2799 <span class="fixedFont">Event</span> <b>e</b>
2802 <dd>the mouseup event</dd>
2805 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2808 <dd>In POINT mode, the element<br/>id this was dropped on. In INTERSECT mode, an array of dd items this<br/>was dropped on.</dd>
2826 <td class="msource">
2828 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2834 <tr class="method-row config-row-alt1 expandable">
2835 <td class="micon"><a class="exi" href="#expand"> </a></td>
2839 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
2840 <div class="fixedFont">
2841 <span class="attributes"></span><b class="itemname">onDragEnter</b>
2843 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2850 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
2856 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
2863 <dl class="detailList">
2864 <dt class="heading">Parameters:</dt>
2867 <span class="fixedFont">Event</span> <b>e</b>
2870 <dd>the mousemove event</dd>
2873 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2876 <dd>In POINT mode, the element<br/>id this is hovering over. In INTERSECT mode, an array of one or more<br/>dragdrop items being hovered over.</dd>
2894 <td class="msource">
2896 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2902 <tr class="method-row config-row-alt0 expandable">
2903 <td class="micon"><a class="exi" href="#expand"> </a></td>
2907 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
2908 <div class="fixedFont">
2909 <span class="attributes"></span><b class="itemname">onDragOut</b>
2911 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2918 <div class="short">Abstract method called when we are no longer hovering over an element</div>
2924 Abstract method called when we are no longer hovering over an element
2931 <dl class="detailList">
2932 <dt class="heading">Parameters:</dt>
2935 <span class="fixedFont">Event</span> <b>e</b>
2938 <dd>the mousemove event</dd>
2941 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2944 <dd>In POINT mode, the element<br/>id this was hovering over. In INTERSECT mode, an array of dd items<br/>that the mouse is no longer over.</dd>
2962 <td class="msource">
2964 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2970 <tr class="method-row config-row-alt1 expandable">
2971 <td class="micon"><a class="exi" href="#expand"> </a></td>
2975 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
2976 <div class="fixedFont">
2977 <span class="attributes"></span><b class="itemname">onDragOver</b>
2979 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2986 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
2992 Abstract method called when this element is hovering over another<br/>DragDrop obj
2999 <dl class="detailList">
3000 <dt class="heading">Parameters:</dt>
3003 <span class="fixedFont">Event</span> <b>e</b>
3006 <dd>the mousemove event</dd>
3009 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3012 <dd>In POINT mode, the element<br/>id this is hovering over. In INTERSECT mode, an array of dd items<br/>being hovered over.</dd>
3030 <td class="msource">
3032 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3038 <tr class="method-row config-row-alt0 expandable notInherited">
3039 <td class="micon"><a class="exi" href="#expand"> </a></td>
3043 <a id="Roo.dd.DragZone-method-onInitDrag" name=".onInitDrag"></a>
3044 <div class="fixedFont">
3045 <span class="attributes"></span><b class="itemname">onInitDrag</b>
3047 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
3053 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3062 <div class="short">Called once drag threshold has been reached to initialize the proxy element.</div>
3068 Called once drag threshold has been reached to initialize the proxy element. By default, it clones the<br/>this.dragData.ddel
3075 <dl class="detailList">
3076 <dt class="heading">Parameters:</dt>
3079 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3082 <dd>The x position of the click on the dragged object</dd>
3085 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3088 <dd>The y position of the click on the dragged object</dd>
3096 <dl class="detailList">
3097 <dt class="heading">Returns:</dt>
3099 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> true to continue the drag, false to cancel</dd>
3113 <td class="msource">
3121 <tr class="method-row config-row-alt1 expandable">
3122 <td class="micon"><a class="exi" href="#expand"> </a></td>
3126 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
3127 <div class="fixedFont">
3128 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
3130 (Event <B><i>e</i></B>)
3137 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
3143 Abstract method called when this item is dropped on an area with no<br/>drop target
3150 <dl class="detailList">
3151 <dt class="heading">Parameters:</dt>
3154 <span class="fixedFont">Event</span> <b>e</b>
3157 <dd>the mouseup event</dd>
3175 <td class="msource">
3177 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3183 <tr class="method-row config-row-alt0 expandable">
3184 <td class="micon"><a class="exi" href="#expand"> </a></td>
3188 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
3189 <div class="fixedFont">
3190 <span class="attributes"></span><b class="itemname">onMouseDown</b>
3192 (Event <B><i>e</i></B>)
3199 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
3205 Event handler that fires when a drag/drop obj gets a mousedown
3212 <dl class="detailList">
3213 <dt class="heading">Parameters:</dt>
3216 <span class="fixedFont">Event</span> <b>e</b>
3219 <dd>the mousedown event</dd>
3237 <td class="msource">
3239 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3245 <tr class="method-row config-row-alt1 expandable">
3246 <td class="micon"><a class="exi" href="#expand"> </a></td>
3250 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
3251 <div class="fixedFont">
3252 <span class="attributes"></span><b class="itemname">onMouseUp</b>
3254 (Event <B><i>e</i></B>)
3261 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
3267 Event handler that fires when a drag/drop obj gets a mouseup
3274 <dl class="detailList">
3275 <dt class="heading">Parameters:</dt>
3278 <span class="fixedFont">Event</span> <b>e</b>
3281 <dd>the mouseup event</dd>
3299 <td class="msource">
3301 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3307 <tr class="method-row config-row-alt0 expandable">
3308 <td class="micon"><a class="exi" href="#expand"> </a></td>
3312 <a id="Roo.dd.DragSource-method-onStartDrag" name=".onStartDrag"></a>
3313 <div class="fixedFont">
3314 <span class="attributes"></span><b class="itemname">onStartDrag</b>
3316 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
3323 <div class="short">An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.</div>
3329 An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun. The drag cannot be canceled from this function.
3336 <dl class="detailList">
3337 <dt class="heading">Parameters:</dt>
3340 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3343 <dd>The x position of the click on the dragged object</dd>
3346 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3349 <dd>The y position of the click on the dragged object</dd>
3367 <td class="msource">
3369 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
3375 <tr class="method-row config-row-alt1 expandable">
3376 <td class="micon"><a class="exi" href="#expand"> </a></td>
3380 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
3381 <div class="fixedFont">
3382 <span class="attributes"></span><b class="itemname">padding</b>
3391 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
3397 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
3418 <td class="msource">
3420 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3426 <tr class="method-row config-row-alt0 expandable">
3427 <td class="micon"><a class="exi" href="#expand"> </a></td>
3431 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
3432 <div class="fixedFont">
3433 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
3435 (string <B><i>sGroup</i></B>)
3442 <div class="short">Remove's this instance from the supplied interaction group</div>
3448 Remove's this instance from the supplied interaction group
3455 <dl class="detailList">
3456 <dt class="heading">Parameters:</dt>
3459 <span class="fixedFont">string</span> <b>sGroup</b>
3462 <dd>The group to drop</dd>
3480 <td class="msource">
3482 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3488 <tr class="method-row config-row-alt1 expandable">
3489 <td class="micon"><a class="exi" href="#expand"> </a></td>
3493 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
3494 <div class="fixedFont">
3495 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
3497 (string <B><i>cssClass</i></B>)
3504 <div class="short">Unsets an invalid css class</div>
3510 Unsets an invalid css class
3517 <dl class="detailList">
3518 <dt class="heading">Parameters:</dt>
3521 <span class="fixedFont">string</span> <b>cssClass</b>
3524 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
3542 <td class="msource">
3544 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3550 <tr class="method-row config-row-alt0 expandable">
3551 <td class="micon"><a class="exi" href="#expand"> </a></td>
3555 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
3556 <div class="fixedFont">
3557 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
3559 (string <B><i>id</i></B>)
3566 <div class="short">Unsets an invalid handle id</div>
3572 Unsets an invalid handle id
3579 <dl class="detailList">
3580 <dt class="heading">Parameters:</dt>
3583 <span class="fixedFont">string</span> <b>id</b>
3586 <dd>the id of the element to re-enable</dd>
3604 <td class="msource">
3606 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3612 <tr class="method-row config-row-alt1 expandable">
3613 <td class="micon"><a class="exi" href="#expand"> </a></td>
3617 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
3618 <div class="fixedFont">
3619 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
3621 (string <B><i>tagName</i></B>)
3628 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
3634 Unsets an excluded tag name set by addInvalidHandleType
3641 <dl class="detailList">
3642 <dt class="heading">Parameters:</dt>
3645 <span class="fixedFont">string</span> <b>tagName</b>
3648 <dd>the type of element to unexclude</dd>
3666 <td class="msource">
3668 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3674 <tr class="method-row config-row-alt0 expandable">
3675 <td class="micon"><a class="exi" href="#expand"> </a></td>
3679 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
3680 <div class="fixedFont">
3681 <span class="attributes"></span><b class="itemname">resetConstraints</b>
3683 (boolean <B><i>maintainOffset</i></B>)
3690 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
3696 resetConstraints must be called if you manually reposition a dd element.
3703 <dl class="detailList">
3704 <dt class="heading">Parameters:</dt>
3707 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
3728 <td class="msource">
3730 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3736 <tr class="method-row config-row-alt1 expandable">
3737 <td class="micon"><a class="exi" href="#expand"> </a></td>
3741 <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
3742 <div class="fixedFont">
3743 <span class="attributes"></span><b class="itemname">setDelta</b>
3745 (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
3752 <div class="short">Sets the pointer offset.</div>
3758 Sets the pointer offset. You can call this directly to force the<br/>offset to be in a particular location (e.g., pass in 0,0 to set it<br/>to the center of the object)
3765 <dl class="detailList">
3766 <dt class="heading">Parameters:</dt>
3769 <span class="fixedFont">int</span> <b>iDeltaX</b>
3772 <dd>the distance from the left</dd>
3775 <span class="fixedFont">int</span> <b>iDeltaY</b>
3778 <dd>the distance from the top</dd>
3796 <td class="msource">
3798 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
3804 <tr class="method-row config-row-alt0 expandable">
3805 <td class="micon"><a class="exi" href="#expand"> </a></td>
3809 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
3810 <div class="fixedFont">
3811 <span class="attributes"></span><b class="itemname">setDragElId</b>
3820 <div class="short">Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag</div>
3826 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
3833 <dl class="detailList">
3834 <dt class="heading">Parameters:</dt>
3840 <dd>{string} the id of the element that will be used to initiate the drag</dd>
3858 <td class="msource">
3860 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3866 <tr class="method-row config-row-alt1 expandable">
3867 <td class="micon"><a class="exi" href="#expand"> </a></td>
3871 <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
3872 <div class="fixedFont">
3873 <span class="attributes"></span><b class="itemname">setDragElPos</b>
3875 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
3882 <div class="short">Sets the drag element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked.</div>
3888 Sets the drag element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked. Override this if you want to place the element in a<br/>location other than where the cursor is.
3895 <dl class="detailList">
3896 <dt class="heading">Parameters:</dt>
3899 <span class="fixedFont">int</span> <b>iPageX</b>
3902 <dd>the X coordinate of the mousedown or drag event</dd>
3905 <span class="fixedFont">int</span> <b>iPageY</b>
3908 <dd>the Y coordinate of the mousedown or drag event</dd>
3926 <td class="msource">
3928 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
3934 <tr class="method-row config-row-alt0 expandable">
3935 <td class="micon"><a class="exi" href="#expand"> </a></td>
3939 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
3940 <div class="fixedFont">
3941 <span class="attributes"></span><b class="itemname">setHandleElId</b>
3950 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
3956 Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation. An example of this would be if<br/>you have a content div with text and links. Clicking anywhere in the<br/>content area would normally start the drag operation. Use this method<br/>to specify that an element inside of the content div is the element<br/>that starts the drag operation.
3963 <dl class="detailList">
3964 <dt class="heading">Parameters:</dt>
3970 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
3988 <td class="msource">
3990 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3996 <tr class="method-row config-row-alt1 expandable">
3997 <td class="micon"><a class="exi" href="#expand"> </a></td>
4001 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
4002 <div class="fixedFont">
4003 <span class="attributes"></span><b class="itemname">setInitPosition</b>
4005 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
4012 <div class="short">Stores the initial placement of the linked element.</div>
4018 Stores the initial placement of the linked element.
4025 <dl class="detailList">
4026 <dt class="heading">Parameters:</dt>
4029 <span class="fixedFont">int</span> <b>diffX</b>
4032 <dd>the X offset, default 0</dd>
4035 <span class="fixedFont">int</span> <b>diffY</b>
4038 <dd>the Y offset, default 0</dd>
4056 <td class="msource">
4058 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4064 <tr class="method-row config-row-alt0 expandable">
4065 <td class="micon"><a class="exi" href="#expand"> </a></td>
4069 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
4070 <div class="fixedFont">
4071 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
4080 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
4086 Allows you to set an element outside of the linked element as a drag<br/>handle
4093 <dl class="detailList">
4094 <dt class="heading">Parameters:</dt>
4100 <dd>the id of the element that will be used to initiate the drag</dd>
4118 <td class="msource">
4120 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4126 <tr class="method-row config-row-alt1 expandable">
4127 <td class="micon"><a class="exi" href="#expand"> </a></td>
4131 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
4132 <div class="fixedFont">
4133 <span class="attributes"></span><b class="itemname">setPadding</b>
4135 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
4142 <div class="short">Configures the padding for the target zone in px.</div>
4148 Configures the padding for the target zone in px. Effectively expands<br/>(or reduces) the virtual object size for targeting calculations.<br/>Supports css-style shorthand; if only one parameter is passed, all sides<br/>will have that padding, and if only two are passed, the top and bottom<br/>will have the first param, the left and right the second.
4155 <dl class="detailList">
4156 <dt class="heading">Parameters:</dt>
4159 <span class="fixedFont">int</span> <b>iTop</b>
4165 <span class="fixedFont">int</span> <b>iRight</b>
4171 <span class="fixedFont">int</span> <b>iBot</b>
4177 <span class="fixedFont">int</span> <b>iLeft</b>
4198 <td class="msource">
4200 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4206 <tr class="method-row config-row-alt0 expandable">
4207 <td class="micon"><a class="exi" href="#expand"> </a></td>
4211 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
4212 <div class="fixedFont">
4213 <span class="attributes"></span><b class="itemname">setXConstraint</b>
4215 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
4222 <div class="short">By default, the element can be dragged any place on the screen.</div>
4228 By default, the element can be dragged any place on the screen. Use<br/>this method to limit the horizontal travel of the element. Pass in<br/>0,0 for the parameters if you want to lock the drag to the y axis.
4235 <dl class="detailList">
4236 <dt class="heading">Parameters:</dt>
4239 <span class="fixedFont">int</span> <b>iLeft</b>
4242 <dd>the number of pixels the element can move to the left</dd>
4245 <span class="fixedFont">int</span> <b>iRight</b>
4248 <dd>the number of pixels the element can move to the<br/>right</dd>
4251 <span class="fixedFont">int</span> <b>iTickSize</b>
4254 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
4272 <td class="msource">
4274 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4280 <tr class="method-row config-row-alt1 expandable">
4281 <td class="micon"><a class="exi" href="#expand"> </a></td>
4285 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
4286 <div class="fixedFont">
4287 <span class="attributes"></span><b class="itemname">setYConstraint</b>
4289 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
4296 <div class="short">By default, the element can be dragged any place on the screen.</div>
4302 By default, the element can be dragged any place on the screen. Set<br/>this to limit the vertical travel of the element. Pass in 0,0 for the<br/>parameters if you want to lock the drag to the x axis.
4309 <dl class="detailList">
4310 <dt class="heading">Parameters:</dt>
4313 <span class="fixedFont">int</span> <b>iUp</b>
4316 <dd>the number of pixels the element can move up</dd>
4319 <span class="fixedFont">int</span> <b>iDown</b>
4322 <dd>the number of pixels the element can move down</dd>
4325 <span class="fixedFont">int</span> <b>iTickSize</b>
4328 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
4346 <td class="msource">
4348 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4354 <tr class="method-row config-row-alt0 expandable">
4355 <td class="micon"><a class="exi" href="#expand"> </a></td>
4359 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
4360 <div class="fixedFont">
4361 <span class="attributes"></span><b class="itemname">startDrag</b>
4363 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
4370 <div class="short">Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.</div>
4376 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
4383 <dl class="detailList">
4384 <dt class="heading">Parameters:</dt>
4387 <span class="fixedFont">int</span> <b>X</b>
4390 <dd>click location</dd>
4393 <span class="fixedFont">int</span> <b>Y</b>
4396 <dd>click location</dd>
4414 <td class="msource">
4416 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4422 <tr class="method-row config-row-alt1 expandable">
4423 <td class="micon"><a class="exi" href="#expand"> </a></td>
4427 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
4428 <div class="fixedFont">
4429 <span class="attributes"></span><b class="itemname">unlock</b>
4438 <div class="short">Unlock this instace</div>
4465 <td class="msource">
4467 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4473 <tr class="method-row config-row-alt0 expandable">
4474 <td class="micon"><a class="exi" href="#expand"> </a></td>
4478 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
4479 <div class="fixedFont">
4480 <span class="attributes"></span><b class="itemname">unreg</b>
4489 <div class="short">Remove all drag and drop hooks for this element</div>
4495 Remove all drag and drop hooks for this element
4516 <td class="msource">
4518 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4527 <!-- ============================== events summary / details ======================== -->
4530 <a id="Roo.dd.DragZone-events"></a>
4536 <table cellspacing="0" class="member-table">
4537 <caption class="Empty">Events - Has None</caption>
4548 <!-- ============================== footer ================================= -->
4549 <div class="fineprint" style="clear:both">
4551 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Mon Jul 26 2010 19:28:50 GMT+0800 (HKT)
4553 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>