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.DDProxy</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.DDProxy-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.dd.DDProxy-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.dd.DDProxy-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.dd.DDProxy-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 class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DDProxy
53 <!-- ============================== class title / details ============================ -->
56 <h1 class="classTitle">
61 <table cellspacing="0" class="class-summary-table">
63 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
65 <tr><td class="label">Defined In:</td><td class="hd-info">
67 <a href="./src/Roo_dd_DDProxy.js.html">Roo/dd/DDProxy.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">DDProxy</td></tr>
73 <tr><td class="label">Subclasses:</td><td class="hd-info">
74 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>, <a href="./Roo.dd.DragZone.html#constructor" roo:cls="Roo.dd.DragZone.html#constructor">Roo.dd.DragZone</a>
82 <tr><td class="label">Extends:</td><td class="hd-info">
83 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
91 <!-- ============================== class summary ========================== -->
92 <div class="description">
93 A DragDrop implementation that inserts an empty, bordered div into<br/>the document that follows the cursor during drag operations. At the time of<br/>the click, the frame div is resized to the dimensions of the linked html<br/>element, and moved to the exact location of the linked element.<br/><br/>References to the "frame" element refer to the single proxy element that<br/>was created to be dragged in place of all DDProxy elements on the<br/>page.
97 <!-- ============================== Class comment block... ========================== -->
99 <div class="comments">
100 <b>Class Comments / Notes</B> =>
101 <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DDProxy';">[Add Your comment/notes about this class]</u>
103 <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
104 src="/blog.php/GtkDjsComments/Roo.dd.DDProxy.html"></iframe>
109 <!-- ============================== config options ========================== -->
114 <div class="hr"></div>
115 <a id="Roo.dd.DDProxy-configs"></a>
119 <table cellspacing="0" class="member-table">
120 <caption class="Empty">Config Options - Has None</caption>
134 <!-- ============================== public properties ==================== -->
138 <a id="Roo.dd.DDProxy-props"></a>
146 <table cellspacing="0" class="member-table">
147 <caption>Public Properties </caption>
149 <th class="sig-header" colspan="2">Property</th>
150 <th class="sig-header">Description</th>
151 <th class="msource-header">Defined By</th>
161 <tr class="property-row config-row-alt0 notInherited">
163 <a class="exi" href="#expand"> </a>
166 <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
167 <div class="fixedFont">
168 <span class="attributes">Roo.dd.DDProxy.</span><b class="itemname">dragElId</b> :
169 <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
177 The default drag frame div id
185 The default drag frame div id
201 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
202 <tr class="property-row alt">
209 <!-- ============================== methods summary / details ======================== -->
212 <a id="Roo.dd.DDProxy-methods"></a>
213 <!-- constructor?? -->
220 <!-- then dynamics first -->
227 <table cellspacing="0" class="member-table">
228 <caption>Public Methods</caption>
230 <th class="sig-header" colspan="2">Method</th>
231 <th class="msource-header">Defined By</th>
241 <tr class="method-row config-row-alt0 expandable notInherited">
242 <td class="micon"><a class="exi" href="#expand"> </a></td>
246 <a id="Roo.dd-method-DDProxy" name=".DDProxy"></a>
247 <div class="fixedFont">
248 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DDProxy</b>
250 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <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>)
258 <div class="short">Create a new Roo.dd.DDProxy</div>
265 Create a new Roo.dd.DDProxy
268 <dl class="detailList">
269 <dt class="heading">Parameters:</dt>
272 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
275 <dd>the id of the linked html element</dd>
278 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
281 <dd>the group of related DragDrop objects</dd>
284 <span class="fixedFont">object</span> <b>config</b>
287 <dd>an object containing configurable attributes<br/> Valid properties for DDProxy in addition to those in DragDrop:<br/> resizeFrame, centerFrame, dragElId</dd>
311 <tr class="method-row config-row-alt1 expandable">
312 <td class="micon"><a class="exi" href="#expand"> </a></td>
316 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
317 <div class="fixedFont">
318 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
320 (string <B><i>cssClass</i></B>)
327 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
333 Lets you specify a css class of elements that will not initiate a drag
340 <dl class="detailList">
341 <dt class="heading">Parameters:</dt>
344 <span class="fixedFont">string</span> <b>cssClass</b>
347 <dd>the class of the elements you wish to ignore</dd>
367 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
373 <tr class="method-row config-row-alt0 expandable">
374 <td class="micon"><a class="exi" href="#expand"> </a></td>
378 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
379 <div class="fixedFont">
380 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
382 (string <B><i>id</i></B>)
389 <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>
395 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
402 <dl class="detailList">
403 <dt class="heading">Parameters:</dt>
406 <span class="fixedFont">string</span> <b>id</b>
409 <dd>the element id of the element you wish to ignore</dd>
429 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
435 <tr class="method-row config-row-alt1 expandable">
436 <td class="micon"><a class="exi" href="#expand"> </a></td>
440 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
441 <div class="fixedFont">
442 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
444 (string <B><i>tagName</i></B>)
451 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
457 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.
464 <dl class="detailList">
465 <dt class="heading">Parameters:</dt>
468 <span class="fixedFont">string</span> <b>tagName</b>
471 <dd>the type of element to exclude</dd>
491 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
497 <tr class="method-row config-row-alt0 expandable">
498 <td class="micon"><a class="exi" href="#expand"> </a></td>
502 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
503 <div class="fixedFont">
504 <span class="attributes"></span><b class="itemname">addToGroup</b>
506 (<B><i>sGroup</i></B>)
513 <div class="short">Add this instance to a group of related drag/drop objects.</div>
519 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.
526 <dl class="detailList">
527 <dt class="heading">Parameters:</dt>
533 <dd>{string} the name of the group</dd>
553 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
559 <tr class="method-row config-row-alt1 expandable">
560 <td class="micon"><a class="exi" href="#expand"> </a></td>
564 <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
565 <div class="fixedFont">
566 <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
568 (<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>)
575 <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>
581 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.
588 <dl class="detailList">
589 <dt class="heading">Parameters:</dt>
592 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
595 <dd>the element to move</dd>
598 <span class="fixedFont">int</span> <b>iPageX</b>
601 <dd>the X coordinate of the mousedown or drag event</dd>
604 <span class="fixedFont">int</span> <b>iPageY</b>
607 <dd>the Y coordinate of the mousedown or drag event</dd>
627 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
633 <tr class="method-row config-row-alt0 expandable">
634 <td class="micon"><a class="exi" href="#expand"> </a></td>
638 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
639 <div class="fixedFont">
640 <span class="attributes"></span><b class="itemname">applyConfig</b>
649 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
655 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.
678 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
684 <tr class="method-row config-row-alt1 expandable">
685 <td class="micon"><a class="exi" href="#expand"> </a></td>
689 <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
690 <div class="fixedFont">
691 <span class="attributes"></span><b class="itemname">autoOffset</b>
693 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
700 <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>
706 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
713 <dl class="detailList">
714 <dt class="heading">Parameters:</dt>
717 <span class="fixedFont">int</span> <b>iPageX</b>
720 <dd>the X coordinate of the click</dd>
723 <span class="fixedFont">int</span> <b>iPageY</b>
726 <dd>the Y coordinate of the click</dd>
746 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
752 <tr class="method-row config-row-alt0 expandable">
753 <td class="micon"><a class="exi" href="#expand"> </a></td>
757 <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
758 <div class="fixedFont">
759 <span class="attributes"></span><b class="itemname">cachePosition</b>
761 (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
768 <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
774 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.
781 <dl class="detailList">
782 <dt class="heading">Parameters:</dt>
788 <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
794 <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
814 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
820 <tr class="method-row config-row-alt1 expandable">
821 <td class="micon"><a class="exi" href="#expand"> </a></td>
825 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
826 <div class="fixedFont">
827 <span class="attributes"></span><b class="itemname">clearConstraints</b>
836 <div class="short">Clears any constraints applied to this instance.</div>
842 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
865 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
871 <tr class="method-row config-row-alt0 expandable">
872 <td class="micon"><a class="exi" href="#expand"> </a></td>
876 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
877 <div class="fixedFont">
878 <span class="attributes"></span><b class="itemname">clearTicks</b>
887 <div class="short">Clears any tick interval defined for this instance</div>
893 Clears any tick interval defined for this instance
916 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
922 <tr class="method-row config-row-alt1 expandable notInherited">
923 <td class="micon"><a class="exi" href="#expand"> </a></td>
927 <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
928 <div class="fixedFont">
929 <span class="attributes"></span><b class="itemname">createFrame</b>
938 <div class="short">Creates the proxy element if it does not yet exist</div>
944 Creates the proxy element if it does not yet exist
973 <tr class="method-row config-row-alt0 expandable">
974 <td class="micon"><a class="exi" href="#expand"> </a></td>
978 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
979 <div class="fixedFont">
980 <span class="attributes"></span><b class="itemname">endDrag</b>
982 (Event <B><i>e</i></B>)
989 <div class="short">Fired when we are done dragging the object</div>
995 Fired when we are done dragging the object
1002 <dl class="detailList">
1003 <dt class="heading">Parameters:</dt>
1006 <span class="fixedFont">Event</span> <b>e</b>
1009 <dd>the mouseup event</dd>
1027 <td class="msource">
1029 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1035 <tr class="method-row config-row-alt1 expandable">
1036 <td class="micon"><a class="exi" href="#expand"> </a></td>
1040 <a id="Roo.dd.DragDrop-method-function toString() {
1042 }" name=".function toString() {
1045 <div class="fixedFont">
1046 <span class="attributes"></span><b class="itemname">function toString() {
1065 <div class="short">toString method</div>
1082 <dl class="detailList">
1083 <dt class="heading">Returns:</dt>
1085 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1099 <td class="msource">
1101 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1107 <tr class="method-row config-row-alt0 expandable">
1108 <td class="micon"><a class="exi" href="#expand"> </a></td>
1112 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
1113 <div class="fixedFont">
1114 <span class="attributes"></span><b class="itemname">getDragEl</b>
1122 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1131 <div class="short">Returns a reference to the actual element to drag.</div>
1137 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
1148 <dl class="detailList">
1149 <dt class="heading">Returns:</dt>
1151 <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>
1165 <td class="msource">
1167 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1173 <tr class="method-row config-row-alt1 expandable">
1174 <td class="micon"><a class="exi" href="#expand"> </a></td>
1178 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
1179 <div class="fixedFont">
1180 <span class="attributes"></span><b class="itemname">getEl</b>
1188 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1197 <div class="short">Returns a reference to the linked element</div>
1203 Returns a reference to the linked element
1214 <dl class="detailList">
1215 <dt class="heading">Returns:</dt>
1217 <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>
1231 <td class="msource">
1233 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1239 <tr class="method-row config-row-alt0 expandable">
1240 <td class="micon"><a class="exi" href="#expand"> </a></td>
1244 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
1245 <div class="fixedFont">
1246 <span class="attributes"></span><b class="itemname">init</b>
1248 (<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>)
1255 <div class="short">Sets up the DragDrop object.</div>
1261 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
1268 <dl class="detailList">
1269 <dt class="heading">Parameters:</dt>
1275 <dd>the id of the linked element</dd>
1278 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1281 <dd>the group of related items</dd>
1284 <span class="fixedFont">object</span> <b>config</b>
1287 <dd>configuration attributes</dd>
1305 <td class="msource">
1307 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1313 <tr class="method-row config-row-alt1 expandable notInherited">
1314 <td class="micon"><a class="exi" href="#expand"> </a></td>
1318 <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
1319 <div class="fixedFont">
1320 <span class="attributes"></span><b class="itemname">initFrame</b>
1329 <div class="short">Initialization for the drag frame element.</div>
1335 Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
1356 <td class="msource">
1364 <tr class="method-row config-row-alt0 expandable">
1365 <td class="micon"><a class="exi" href="#expand"> </a></td>
1369 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
1370 <div class="fixedFont">
1371 <span class="attributes"></span><b class="itemname">initTarget</b>
1373 (<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>)
1380 <div class="short">Initializes Targeting functionality only.</div>
1386 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
1393 <dl class="detailList">
1394 <dt class="heading">Parameters:</dt>
1400 <dd>the id of the linked element</dd>
1403 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1406 <dd>the group of related items</dd>
1409 <span class="fixedFont">object</span> <b>config</b>
1412 <dd>configuration attributes</dd>
1430 <td class="msource">
1432 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1438 <tr class="method-row config-row-alt1 expandable">
1439 <td class="micon"><a class="exi" href="#expand"> </a></td>
1443 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
1444 <div class="fixedFont">
1445 <span class="attributes"></span><b class="itemname">isLocked</b>
1462 <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>
1468 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.)
1479 <dl class="detailList">
1480 <dt class="heading">Returns:</dt>
1482 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
1496 <td class="msource">
1498 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1504 <tr class="method-row config-row-alt0 expandable">
1505 <td class="micon"><a class="exi" href="#expand"> </a></td>
1509 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
1510 <div class="fixedFont">
1511 <span class="attributes"></span><b class="itemname">isTarget</b>
1520 <div class="short">By default, all insances can be a drop target.</div>
1526 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
1547 <td class="msource">
1549 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1555 <tr class="method-row config-row-alt1 expandable">
1556 <td class="micon"><a class="exi" href="#expand"> </a></td>
1560 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
1561 <div class="fixedFont">
1562 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
1564 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
1579 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
1585 Checks the tag exclusion list to see if this click should be ignored
1592 <dl class="detailList">
1593 <dt class="heading">Parameters:</dt>
1596 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
1599 <dd>the HTMLElement to evaluate</dd>
1607 <dl class="detailList">
1608 <dt class="heading">Returns:</dt>
1610 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
1624 <td class="msource">
1626 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1632 <tr class="method-row config-row-alt0 expandable">
1633 <td class="micon"><a class="exi" href="#expand"> </a></td>
1637 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
1638 <div class="fixedFont">
1639 <span class="attributes"></span><b class="itemname">lock</b>
1648 <div class="short">Lock this instance</div>
1675 <td class="msource">
1677 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1683 <tr class="method-row config-row-alt1 expandable">
1684 <td class="micon"><a class="exi" href="#expand"> </a></td>
1688 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
1689 <div class="fixedFont">
1690 <span class="attributes"></span><b class="itemname">onAvailable</b>
1699 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
1705 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
1726 <td class="msource">
1728 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1734 <tr class="method-row config-row-alt0 expandable">
1735 <td class="micon"><a class="exi" href="#expand"> </a></td>
1739 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
1740 <div class="fixedFont">
1741 <span class="attributes"></span><b class="itemname">onDrag</b>
1743 (Event <B><i>e</i></B>)
1750 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
1756 Abstract method called during the onMouseMove event while dragging an<br/>object.
1763 <dl class="detailList">
1764 <dt class="heading">Parameters:</dt>
1767 <span class="fixedFont">Event</span> <b>e</b>
1770 <dd>the mousemove event</dd>
1788 <td class="msource">
1790 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1796 <tr class="method-row config-row-alt1 expandable">
1797 <td class="micon"><a class="exi" href="#expand"> </a></td>
1801 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
1802 <div class="fixedFont">
1803 <span class="attributes"></span><b class="itemname">onDragDrop</b>
1805 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1812 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
1818 Abstract method called when this item is dropped on another DragDrop<br/>obj
1825 <dl class="detailList">
1826 <dt class="heading">Parameters:</dt>
1829 <span class="fixedFont">Event</span> <b>e</b>
1832 <dd>the mouseup event</dd>
1835 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1838 <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>
1856 <td class="msource">
1858 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1864 <tr class="method-row config-row-alt0 expandable">
1865 <td class="micon"><a class="exi" href="#expand"> </a></td>
1869 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
1870 <div class="fixedFont">
1871 <span class="attributes"></span><b class="itemname">onDragEnter</b>
1873 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1880 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
1886 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
1893 <dl class="detailList">
1894 <dt class="heading">Parameters:</dt>
1897 <span class="fixedFont">Event</span> <b>e</b>
1900 <dd>the mousemove event</dd>
1903 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1906 <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>
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.DragDrop-method-onDragOut" name=".onDragOut"></a>
1938 <div class="fixedFont">
1939 <span class="attributes"></span><b class="itemname">onDragOut</b>
1941 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1948 <div class="short">Abstract method called when we are no longer hovering over an element</div>
1954 Abstract method called when we are no longer hovering over an element
1961 <dl class="detailList">
1962 <dt class="heading">Parameters:</dt>
1965 <span class="fixedFont">Event</span> <b>e</b>
1968 <dd>the mousemove event</dd>
1971 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1974 <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>
1992 <td class="msource">
1994 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2000 <tr class="method-row config-row-alt0 expandable">
2001 <td class="micon"><a class="exi" href="#expand"> </a></td>
2005 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
2006 <div class="fixedFont">
2007 <span class="attributes"></span><b class="itemname">onDragOver</b>
2009 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2016 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
2022 Abstract method called when this element is hovering over another<br/>DragDrop obj
2029 <dl class="detailList">
2030 <dt class="heading">Parameters:</dt>
2033 <span class="fixedFont">Event</span> <b>e</b>
2036 <dd>the mousemove event</dd>
2039 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2042 <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>
2060 <td class="msource">
2062 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2068 <tr class="method-row config-row-alt1 expandable">
2069 <td class="micon"><a class="exi" href="#expand"> </a></td>
2073 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
2074 <div class="fixedFont">
2075 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
2077 (Event <B><i>e</i></B>)
2084 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
2090 Abstract method called when this item is dropped on an area with no<br/>drop target
2097 <dl class="detailList">
2098 <dt class="heading">Parameters:</dt>
2101 <span class="fixedFont">Event</span> <b>e</b>
2104 <dd>the mouseup event</dd>
2122 <td class="msource">
2124 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2130 <tr class="method-row config-row-alt0 expandable">
2131 <td class="micon"><a class="exi" href="#expand"> </a></td>
2135 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
2136 <div class="fixedFont">
2137 <span class="attributes"></span><b class="itemname">onMouseDown</b>
2139 (Event <B><i>e</i></B>)
2146 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
2152 Event handler that fires when a drag/drop obj gets a mousedown
2159 <dl class="detailList">
2160 <dt class="heading">Parameters:</dt>
2163 <span class="fixedFont">Event</span> <b>e</b>
2166 <dd>the mousedown event</dd>
2184 <td class="msource">
2186 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2192 <tr class="method-row config-row-alt1 expandable">
2193 <td class="micon"><a class="exi" href="#expand"> </a></td>
2197 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
2198 <div class="fixedFont">
2199 <span class="attributes"></span><b class="itemname">onMouseUp</b>
2201 (Event <B><i>e</i></B>)
2208 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
2214 Event handler that fires when a drag/drop obj gets a mouseup
2221 <dl class="detailList">
2222 <dt class="heading">Parameters:</dt>
2225 <span class="fixedFont">Event</span> <b>e</b>
2228 <dd>the mouseup event</dd>
2246 <td class="msource">
2248 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2254 <tr class="method-row config-row-alt0 expandable">
2255 <td class="micon"><a class="exi" href="#expand"> </a></td>
2259 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
2260 <div class="fixedFont">
2261 <span class="attributes"></span><b class="itemname">padding</b>
2270 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
2276 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
2297 <td class="msource">
2299 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2305 <tr class="method-row config-row-alt1 expandable">
2306 <td class="micon"><a class="exi" href="#expand"> </a></td>
2310 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
2311 <div class="fixedFont">
2312 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
2314 (string <B><i>sGroup</i></B>)
2321 <div class="short">Remove's this instance from the supplied interaction group</div>
2327 Remove's this instance from the supplied interaction group
2334 <dl class="detailList">
2335 <dt class="heading">Parameters:</dt>
2338 <span class="fixedFont">string</span> <b>sGroup</b>
2341 <dd>The group to drop</dd>
2359 <td class="msource">
2361 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2367 <tr class="method-row config-row-alt0 expandable">
2368 <td class="micon"><a class="exi" href="#expand"> </a></td>
2372 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
2373 <div class="fixedFont">
2374 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
2376 (string <B><i>cssClass</i></B>)
2383 <div class="short">Unsets an invalid css class</div>
2389 Unsets an invalid css class
2396 <dl class="detailList">
2397 <dt class="heading">Parameters:</dt>
2400 <span class="fixedFont">string</span> <b>cssClass</b>
2403 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
2421 <td class="msource">
2423 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2429 <tr class="method-row config-row-alt1 expandable">
2430 <td class="micon"><a class="exi" href="#expand"> </a></td>
2434 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
2435 <div class="fixedFont">
2436 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
2438 (string <B><i>id</i></B>)
2445 <div class="short">Unsets an invalid handle id</div>
2451 Unsets an invalid handle id
2458 <dl class="detailList">
2459 <dt class="heading">Parameters:</dt>
2462 <span class="fixedFont">string</span> <b>id</b>
2465 <dd>the id of the element to re-enable</dd>
2483 <td class="msource">
2485 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2491 <tr class="method-row config-row-alt0 expandable">
2492 <td class="micon"><a class="exi" href="#expand"> </a></td>
2496 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
2497 <div class="fixedFont">
2498 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
2500 (string <B><i>tagName</i></B>)
2507 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
2513 Unsets an excluded tag name set by addInvalidHandleType
2520 <dl class="detailList">
2521 <dt class="heading">Parameters:</dt>
2524 <span class="fixedFont">string</span> <b>tagName</b>
2527 <dd>the type of element to unexclude</dd>
2545 <td class="msource">
2547 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2553 <tr class="method-row config-row-alt1 expandable">
2554 <td class="micon"><a class="exi" href="#expand"> </a></td>
2558 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
2559 <div class="fixedFont">
2560 <span class="attributes"></span><b class="itemname">resetConstraints</b>
2562 (boolean <B><i>maintainOffset</i></B>)
2569 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
2575 resetConstraints must be called if you manually reposition a dd element.
2582 <dl class="detailList">
2583 <dt class="heading">Parameters:</dt>
2586 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
2607 <td class="msource">
2609 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2615 <tr class="method-row config-row-alt0 expandable">
2616 <td class="micon"><a class="exi" href="#expand"> </a></td>
2620 <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
2621 <div class="fixedFont">
2622 <span class="attributes"></span><b class="itemname">setDelta</b>
2624 (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
2631 <div class="short">Sets the pointer offset.</div>
2637 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)
2644 <dl class="detailList">
2645 <dt class="heading">Parameters:</dt>
2648 <span class="fixedFont">int</span> <b>iDeltaX</b>
2651 <dd>the distance from the left</dd>
2654 <span class="fixedFont">int</span> <b>iDeltaY</b>
2657 <dd>the distance from the top</dd>
2675 <td class="msource">
2677 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
2683 <tr class="method-row config-row-alt1 expandable">
2684 <td class="micon"><a class="exi" href="#expand"> </a></td>
2688 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
2689 <div class="fixedFont">
2690 <span class="attributes"></span><b class="itemname">setDragElId</b>
2699 <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>
2705 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
2712 <dl class="detailList">
2713 <dt class="heading">Parameters:</dt>
2719 <dd>{string} the id of the element that will be used to initiate the drag</dd>
2737 <td class="msource">
2739 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2745 <tr class="method-row config-row-alt0 expandable">
2746 <td class="micon"><a class="exi" href="#expand"> </a></td>
2750 <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
2751 <div class="fixedFont">
2752 <span class="attributes"></span><b class="itemname">setDragElPos</b>
2754 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
2761 <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>
2767 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.
2774 <dl class="detailList">
2775 <dt class="heading">Parameters:</dt>
2778 <span class="fixedFont">int</span> <b>iPageX</b>
2781 <dd>the X coordinate of the mousedown or drag event</dd>
2784 <span class="fixedFont">int</span> <b>iPageY</b>
2787 <dd>the Y coordinate of the mousedown or drag event</dd>
2805 <td class="msource">
2807 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
2813 <tr class="method-row config-row-alt1 expandable">
2814 <td class="micon"><a class="exi" href="#expand"> </a></td>
2818 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
2819 <div class="fixedFont">
2820 <span class="attributes"></span><b class="itemname">setHandleElId</b>
2829 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
2835 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.
2842 <dl class="detailList">
2843 <dt class="heading">Parameters:</dt>
2849 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
2867 <td class="msource">
2869 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2875 <tr class="method-row config-row-alt0 expandable">
2876 <td class="micon"><a class="exi" href="#expand"> </a></td>
2880 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
2881 <div class="fixedFont">
2882 <span class="attributes"></span><b class="itemname">setInitPosition</b>
2884 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
2891 <div class="short">Stores the initial placement of the linked element.</div>
2897 Stores the initial placement of the linked element.
2904 <dl class="detailList">
2905 <dt class="heading">Parameters:</dt>
2908 <span class="fixedFont">int</span> <b>diffX</b>
2911 <dd>the X offset, default 0</dd>
2914 <span class="fixedFont">int</span> <b>diffY</b>
2917 <dd>the Y offset, default 0</dd>
2935 <td class="msource">
2937 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2943 <tr class="method-row config-row-alt1 expandable">
2944 <td class="micon"><a class="exi" href="#expand"> </a></td>
2948 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
2949 <div class="fixedFont">
2950 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
2959 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
2965 Allows you to set an element outside of the linked element as a drag<br/>handle
2972 <dl class="detailList">
2973 <dt class="heading">Parameters:</dt>
2979 <dd>the id of the element that will be used to initiate the drag</dd>
2997 <td class="msource">
2999 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3005 <tr class="method-row config-row-alt0 expandable">
3006 <td class="micon"><a class="exi" href="#expand"> </a></td>
3010 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
3011 <div class="fixedFont">
3012 <span class="attributes"></span><b class="itemname">setPadding</b>
3014 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
3021 <div class="short">Configures the padding for the target zone in px.</div>
3027 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.
3034 <dl class="detailList">
3035 <dt class="heading">Parameters:</dt>
3038 <span class="fixedFont">int</span> <b>iTop</b>
3044 <span class="fixedFont">int</span> <b>iRight</b>
3050 <span class="fixedFont">int</span> <b>iBot</b>
3056 <span class="fixedFont">int</span> <b>iLeft</b>
3077 <td class="msource">
3079 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3085 <tr class="method-row config-row-alt1 expandable">
3086 <td class="micon"><a class="exi" href="#expand"> </a></td>
3090 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
3091 <div class="fixedFont">
3092 <span class="attributes"></span><b class="itemname">setXConstraint</b>
3094 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
3101 <div class="short">By default, the element can be dragged any place on the screen.</div>
3107 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.
3114 <dl class="detailList">
3115 <dt class="heading">Parameters:</dt>
3118 <span class="fixedFont">int</span> <b>iLeft</b>
3121 <dd>the number of pixels the element can move to the left</dd>
3124 <span class="fixedFont">int</span> <b>iRight</b>
3127 <dd>the number of pixels the element can move to the<br/>right</dd>
3130 <span class="fixedFont">int</span> <b>iTickSize</b>
3133 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
3151 <td class="msource">
3153 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3159 <tr class="method-row config-row-alt0 expandable">
3160 <td class="micon"><a class="exi" href="#expand"> </a></td>
3164 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
3165 <div class="fixedFont">
3166 <span class="attributes"></span><b class="itemname">setYConstraint</b>
3168 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
3175 <div class="short">By default, the element can be dragged any place on the screen.</div>
3181 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.
3188 <dl class="detailList">
3189 <dt class="heading">Parameters:</dt>
3192 <span class="fixedFont">int</span> <b>iUp</b>
3195 <dd>the number of pixels the element can move up</dd>
3198 <span class="fixedFont">int</span> <b>iDown</b>
3201 <dd>the number of pixels the element can move down</dd>
3204 <span class="fixedFont">int</span> <b>iTickSize</b>
3207 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
3225 <td class="msource">
3227 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3233 <tr class="method-row config-row-alt1 expandable">
3234 <td class="micon"><a class="exi" href="#expand"> </a></td>
3238 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
3239 <div class="fixedFont">
3240 <span class="attributes"></span><b class="itemname">startDrag</b>
3242 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
3249 <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>
3255 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
3262 <dl class="detailList">
3263 <dt class="heading">Parameters:</dt>
3266 <span class="fixedFont">int</span> <b>X</b>
3269 <dd>click location</dd>
3272 <span class="fixedFont">int</span> <b>Y</b>
3275 <dd>click location</dd>
3293 <td class="msource">
3295 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3301 <tr class="method-row config-row-alt0 expandable">
3302 <td class="micon"><a class="exi" href="#expand"> </a></td>
3306 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
3307 <div class="fixedFont">
3308 <span class="attributes"></span><b class="itemname">unlock</b>
3317 <div class="short">Unlock this instace</div>
3344 <td class="msource">
3346 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3352 <tr class="method-row config-row-alt1 expandable">
3353 <td class="micon"><a class="exi" href="#expand"> </a></td>
3357 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
3358 <div class="fixedFont">
3359 <span class="attributes"></span><b class="itemname">unreg</b>
3368 <div class="short">Remove all drag and drop hooks for this element</div>
3374 Remove all drag and drop hooks for this element
3395 <td class="msource">
3397 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3406 <!-- ============================== events summary / details ======================== -->
3409 <a id="Roo.dd.DDProxy-events"></a>
3415 <table cellspacing="0" class="member-table">
3416 <caption class="Empty">Events - Has None</caption>
3427 <!-- ============================== footer ================================= -->
3428 <div class="fineprint" style="clear:both">
3430 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Tue Jul 27 2010 11:08:33 GMT+0800 (HKT)
3432 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>