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.DD</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.DD-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.dd.DD-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.dd.DD-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.dd.DD-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 class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DD
52 <!-- ============================== class title / details ============================ -->
55 <h1 class="classTitle">
60 <table cellspacing="0" class="class-summary-table">
62 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
64 <tr><td class="label">Defined In:</td><td class="hd-info">
66 <a href="./src/Roo_dd_DD.js.html">Roo/dd/DD.js</a>.
69 <tr><td class="label">Class:</td><td class="hd-info">DD</td></tr>
72 <tr><td class="label">Subclasses:</td><td class="hd-info">
73 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>, <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>
81 <tr><td class="label">Extends:</td><td class="hd-info">
82 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
90 <!-- ============================== class summary ========================== -->
91 <div class="description">
92 A DragDrop implementation where the linked element follows the<br/>mouse cursor during a drag.
96 <!-- ============================== Class comment block... ========================== -->
98 <div class="comments">
99 <b>Class Comments / Notes</B> =>
100 <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DD';">[Add Your comment/notes about this class]</u>
102 <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
103 src="/blog.php/GtkDjsComments/Roo.dd.DD.html"></iframe>
108 <!-- ============================== config options ========================== -->
113 <div class="hr"></div>
114 <a id="Roo.dd.DD-configs"></a>
118 <table cellspacing="0" class="member-table">
119 <caption class="Empty">Config Options - Has None</caption>
133 <!-- ============================== public properties ==================== -->
137 <a id="Roo.dd.DD-props"></a>
143 <table cellspacing="0" class="member-table">
144 <caption class="Empty">Public Properties - Has None</caption>
150 <!-- ============================== methods summary / details ======================== -->
153 <a id="Roo.dd.DD-methods"></a>
154 <!-- constructor?? -->
161 <!-- then dynamics first -->
168 <table cellspacing="0" class="member-table">
169 <caption>Public Methods</caption>
171 <th class="sig-header" colspan="2">Method</th>
172 <th class="msource-header">Defined By</th>
182 <tr class="method-row config-row-alt0 expandable notInherited">
183 <td class="micon"><a class="exi" href="#expand"> </a></td>
187 <a id="Roo.dd-method-DD" name=".DD"></a>
188 <div class="fixedFont">
189 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DD</b>
191 (<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>)
199 <div class="short">Create a new Roo.dd.DD</div>
206 Create a new Roo.dd.DD
209 <dl class="detailList">
210 <dt class="heading">Parameters:</dt>
213 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
216 <dd>the id of the linked element</dd>
219 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
222 <dd>the group of related DragDrop items</dd>
225 <span class="fixedFont">object</span> <b>config</b>
228 <dd>an object containing configurable attributes<br/> Valid properties for DD:<br/> scroll</dd>
252 <tr class="method-row config-row-alt1 expandable">
253 <td class="micon"><a class="exi" href="#expand"> </a></td>
257 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
258 <div class="fixedFont">
259 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
261 (string <B><i>cssClass</i></B>)
268 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
274 Lets you specify a css class of elements that will not initiate a drag
281 <dl class="detailList">
282 <dt class="heading">Parameters:</dt>
285 <span class="fixedFont">string</span> <b>cssClass</b>
288 <dd>the class of the elements you wish to ignore</dd>
308 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
314 <tr class="method-row config-row-alt0 expandable">
315 <td class="micon"><a class="exi" href="#expand"> </a></td>
319 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
320 <div class="fixedFont">
321 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
323 (string <B><i>id</i></B>)
330 <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>
336 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
343 <dl class="detailList">
344 <dt class="heading">Parameters:</dt>
347 <span class="fixedFont">string</span> <b>id</b>
350 <dd>the element id of the element you wish to ignore</dd>
370 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
376 <tr class="method-row config-row-alt1 expandable">
377 <td class="micon"><a class="exi" href="#expand"> </a></td>
381 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
382 <div class="fixedFont">
383 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
385 (string <B><i>tagName</i></B>)
392 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
398 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.
405 <dl class="detailList">
406 <dt class="heading">Parameters:</dt>
409 <span class="fixedFont">string</span> <b>tagName</b>
412 <dd>the type of element to exclude</dd>
432 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
438 <tr class="method-row config-row-alt0 expandable">
439 <td class="micon"><a class="exi" href="#expand"> </a></td>
443 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
444 <div class="fixedFont">
445 <span class="attributes"></span><b class="itemname">addToGroup</b>
447 (<B><i>sGroup</i></B>)
454 <div class="short">Add this instance to a group of related drag/drop objects.</div>
460 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.
467 <dl class="detailList">
468 <dt class="heading">Parameters:</dt>
474 <dd>{string} the name of the group</dd>
494 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
500 <tr class="method-row config-row-alt1 expandable notInherited">
501 <td class="micon"><a class="exi" href="#expand"> </a></td>
505 <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
506 <div class="fixedFont">
507 <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
509 (<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>)
516 <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>
522 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.
529 <dl class="detailList">
530 <dt class="heading">Parameters:</dt>
533 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
536 <dd>the element to move</dd>
539 <span class="fixedFont">int</span> <b>iPageX</b>
542 <dd>the X coordinate of the mousedown or drag event</dd>
545 <span class="fixedFont">int</span> <b>iPageY</b>
548 <dd>the Y coordinate of the mousedown or drag event</dd>
574 <tr class="method-row config-row-alt0 expandable">
575 <td class="micon"><a class="exi" href="#expand"> </a></td>
579 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
580 <div class="fixedFont">
581 <span class="attributes"></span><b class="itemname">applyConfig</b>
590 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
596 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.
619 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
625 <tr class="method-row config-row-alt1 expandable notInherited">
626 <td class="micon"><a class="exi" href="#expand"> </a></td>
630 <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
631 <div class="fixedFont">
632 <span class="attributes"></span><b class="itemname">autoOffset</b>
634 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
641 <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>
647 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
654 <dl class="detailList">
655 <dt class="heading">Parameters:</dt>
658 <span class="fixedFont">int</span> <b>iPageX</b>
661 <dd>the X coordinate of the click</dd>
664 <span class="fixedFont">int</span> <b>iPageY</b>
667 <dd>the Y coordinate of the click</dd>
693 <tr class="method-row config-row-alt0 expandable notInherited">
694 <td class="micon"><a class="exi" href="#expand"> </a></td>
698 <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
699 <div class="fixedFont">
700 <span class="attributes"></span><b class="itemname">cachePosition</b>
702 (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
709 <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
715 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.
722 <dl class="detailList">
723 <dt class="heading">Parameters:</dt>
729 <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
735 <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
761 <tr class="method-row config-row-alt1 expandable">
762 <td class="micon"><a class="exi" href="#expand"> </a></td>
766 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
767 <div class="fixedFont">
768 <span class="attributes"></span><b class="itemname">clearConstraints</b>
777 <div class="short">Clears any constraints applied to this instance.</div>
783 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
806 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
812 <tr class="method-row config-row-alt0 expandable">
813 <td class="micon"><a class="exi" href="#expand"> </a></td>
817 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
818 <div class="fixedFont">
819 <span class="attributes"></span><b class="itemname">clearTicks</b>
828 <div class="short">Clears any tick interval defined for this instance</div>
834 Clears any tick interval defined for this instance
857 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
863 <tr class="method-row config-row-alt1 expandable">
864 <td class="micon"><a class="exi" href="#expand"> </a></td>
868 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
869 <div class="fixedFont">
870 <span class="attributes"></span><b class="itemname">endDrag</b>
872 (Event <B><i>e</i></B>)
879 <div class="short">Fired when we are done dragging the object</div>
885 Fired when we are done dragging the object
892 <dl class="detailList">
893 <dt class="heading">Parameters:</dt>
896 <span class="fixedFont">Event</span> <b>e</b>
899 <dd>the mouseup event</dd>
919 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
925 <tr class="method-row config-row-alt0 expandable">
926 <td class="micon"><a class="exi" href="#expand"> </a></td>
930 <a id="Roo.dd.DragDrop-method-function toString() {
932 }" name=".function toString() {
935 <div class="fixedFont">
936 <span class="attributes"></span><b class="itemname">function toString() {
955 <div class="short">toString method</div>
972 <dl class="detailList">
973 <dt class="heading">Returns:</dt>
975 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
991 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
997 <tr class="method-row config-row-alt1 expandable">
998 <td class="micon"><a class="exi" href="#expand"> </a></td>
1002 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
1003 <div class="fixedFont">
1004 <span class="attributes"></span><b class="itemname">getDragEl</b>
1012 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1021 <div class="short">Returns a reference to the actual element to drag.</div>
1027 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
1038 <dl class="detailList">
1039 <dt class="heading">Returns:</dt>
1041 <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>
1055 <td class="msource">
1057 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1063 <tr class="method-row config-row-alt0 expandable">
1064 <td class="micon"><a class="exi" href="#expand"> </a></td>
1068 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
1069 <div class="fixedFont">
1070 <span class="attributes"></span><b class="itemname">getEl</b>
1078 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1087 <div class="short">Returns a reference to the linked element</div>
1093 Returns a reference to the linked element
1104 <dl class="detailList">
1105 <dt class="heading">Returns:</dt>
1107 <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>
1121 <td class="msource">
1123 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1129 <tr class="method-row config-row-alt1 expandable">
1130 <td class="micon"><a class="exi" href="#expand"> </a></td>
1134 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
1135 <div class="fixedFont">
1136 <span class="attributes"></span><b class="itemname">init</b>
1138 (<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>)
1145 <div class="short">Sets up the DragDrop object.</div>
1151 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
1158 <dl class="detailList">
1159 <dt class="heading">Parameters:</dt>
1165 <dd>the id of the linked element</dd>
1168 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1171 <dd>the group of related items</dd>
1174 <span class="fixedFont">object</span> <b>config</b>
1177 <dd>configuration attributes</dd>
1195 <td class="msource">
1197 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1203 <tr class="method-row config-row-alt0 expandable">
1204 <td class="micon"><a class="exi" href="#expand"> </a></td>
1208 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
1209 <div class="fixedFont">
1210 <span class="attributes"></span><b class="itemname">initTarget</b>
1212 (<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>)
1219 <div class="short">Initializes Targeting functionality only.</div>
1225 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
1232 <dl class="detailList">
1233 <dt class="heading">Parameters:</dt>
1239 <dd>the id of the linked element</dd>
1242 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1245 <dd>the group of related items</dd>
1248 <span class="fixedFont">object</span> <b>config</b>
1251 <dd>configuration attributes</dd>
1269 <td class="msource">
1271 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1277 <tr class="method-row config-row-alt1 expandable">
1278 <td class="micon"><a class="exi" href="#expand"> </a></td>
1282 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
1283 <div class="fixedFont">
1284 <span class="attributes"></span><b class="itemname">isLocked</b>
1301 <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>
1307 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.)
1318 <dl class="detailList">
1319 <dt class="heading">Returns:</dt>
1321 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
1335 <td class="msource">
1337 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1343 <tr class="method-row config-row-alt0 expandable">
1344 <td class="micon"><a class="exi" href="#expand"> </a></td>
1348 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
1349 <div class="fixedFont">
1350 <span class="attributes"></span><b class="itemname">isTarget</b>
1359 <div class="short">By default, all insances can be a drop target.</div>
1365 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
1386 <td class="msource">
1388 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1394 <tr class="method-row config-row-alt1 expandable">
1395 <td class="micon"><a class="exi" href="#expand"> </a></td>
1399 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
1400 <div class="fixedFont">
1401 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
1403 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
1418 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
1424 Checks the tag exclusion list to see if this click should be ignored
1431 <dl class="detailList">
1432 <dt class="heading">Parameters:</dt>
1435 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
1438 <dd>the HTMLElement to evaluate</dd>
1446 <dl class="detailList">
1447 <dt class="heading">Returns:</dt>
1449 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
1463 <td class="msource">
1465 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1471 <tr class="method-row config-row-alt0 expandable">
1472 <td class="micon"><a class="exi" href="#expand"> </a></td>
1476 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
1477 <div class="fixedFont">
1478 <span class="attributes"></span><b class="itemname">lock</b>
1487 <div class="short">Lock this instance</div>
1514 <td class="msource">
1516 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1522 <tr class="method-row config-row-alt1 expandable">
1523 <td class="micon"><a class="exi" href="#expand"> </a></td>
1527 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
1528 <div class="fixedFont">
1529 <span class="attributes"></span><b class="itemname">onAvailable</b>
1538 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
1544 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
1565 <td class="msource">
1567 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1573 <tr class="method-row config-row-alt0 expandable">
1574 <td class="micon"><a class="exi" href="#expand"> </a></td>
1578 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
1579 <div class="fixedFont">
1580 <span class="attributes"></span><b class="itemname">onDrag</b>
1582 (Event <B><i>e</i></B>)
1589 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
1595 Abstract method called during the onMouseMove event while dragging an<br/>object.
1602 <dl class="detailList">
1603 <dt class="heading">Parameters:</dt>
1606 <span class="fixedFont">Event</span> <b>e</b>
1609 <dd>the mousemove event</dd>
1627 <td class="msource">
1629 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1635 <tr class="method-row config-row-alt1 expandable">
1636 <td class="micon"><a class="exi" href="#expand"> </a></td>
1640 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
1641 <div class="fixedFont">
1642 <span class="attributes"></span><b class="itemname">onDragDrop</b>
1644 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1651 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
1657 Abstract method called when this item is dropped on another DragDrop<br/>obj
1664 <dl class="detailList">
1665 <dt class="heading">Parameters:</dt>
1668 <span class="fixedFont">Event</span> <b>e</b>
1671 <dd>the mouseup event</dd>
1674 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1677 <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>
1695 <td class="msource">
1697 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1703 <tr class="method-row config-row-alt0 expandable">
1704 <td class="micon"><a class="exi" href="#expand"> </a></td>
1708 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
1709 <div class="fixedFont">
1710 <span class="attributes"></span><b class="itemname">onDragEnter</b>
1712 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1719 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
1725 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
1732 <dl class="detailList">
1733 <dt class="heading">Parameters:</dt>
1736 <span class="fixedFont">Event</span> <b>e</b>
1739 <dd>the mousemove event</dd>
1742 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1745 <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>
1763 <td class="msource">
1765 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1771 <tr class="method-row config-row-alt1 expandable">
1772 <td class="micon"><a class="exi" href="#expand"> </a></td>
1776 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
1777 <div class="fixedFont">
1778 <span class="attributes"></span><b class="itemname">onDragOut</b>
1780 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1787 <div class="short">Abstract method called when we are no longer hovering over an element</div>
1793 Abstract method called when we are no longer hovering over an element
1800 <dl class="detailList">
1801 <dt class="heading">Parameters:</dt>
1804 <span class="fixedFont">Event</span> <b>e</b>
1807 <dd>the mousemove event</dd>
1810 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1813 <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>
1831 <td class="msource">
1833 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1839 <tr class="method-row config-row-alt0 expandable">
1840 <td class="micon"><a class="exi" href="#expand"> </a></td>
1844 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
1845 <div class="fixedFont">
1846 <span class="attributes"></span><b class="itemname">onDragOver</b>
1848 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1855 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
1861 Abstract method called when this element is hovering over another<br/>DragDrop obj
1868 <dl class="detailList">
1869 <dt class="heading">Parameters:</dt>
1872 <span class="fixedFont">Event</span> <b>e</b>
1875 <dd>the mousemove event</dd>
1878 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1881 <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>
1899 <td class="msource">
1901 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1907 <tr class="method-row config-row-alt1 expandable">
1908 <td class="micon"><a class="exi" href="#expand"> </a></td>
1912 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
1913 <div class="fixedFont">
1914 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
1916 (Event <B><i>e</i></B>)
1923 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
1929 Abstract method called when this item is dropped on an area with no<br/>drop target
1936 <dl class="detailList">
1937 <dt class="heading">Parameters:</dt>
1940 <span class="fixedFont">Event</span> <b>e</b>
1943 <dd>the mouseup event</dd>
1961 <td class="msource">
1963 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1969 <tr class="method-row config-row-alt0 expandable">
1970 <td class="micon"><a class="exi" href="#expand"> </a></td>
1974 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
1975 <div class="fixedFont">
1976 <span class="attributes"></span><b class="itemname">onMouseDown</b>
1978 (Event <B><i>e</i></B>)
1985 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
1991 Event handler that fires when a drag/drop obj gets a mousedown
1998 <dl class="detailList">
1999 <dt class="heading">Parameters:</dt>
2002 <span class="fixedFont">Event</span> <b>e</b>
2005 <dd>the mousedown event</dd>
2023 <td class="msource">
2025 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2031 <tr class="method-row config-row-alt1 expandable">
2032 <td class="micon"><a class="exi" href="#expand"> </a></td>
2036 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
2037 <div class="fixedFont">
2038 <span class="attributes"></span><b class="itemname">onMouseUp</b>
2040 (Event <B><i>e</i></B>)
2047 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
2053 Event handler that fires when a drag/drop obj gets a mouseup
2060 <dl class="detailList">
2061 <dt class="heading">Parameters:</dt>
2064 <span class="fixedFont">Event</span> <b>e</b>
2067 <dd>the mouseup event</dd>
2085 <td class="msource">
2087 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2093 <tr class="method-row config-row-alt0 expandable">
2094 <td class="micon"><a class="exi" href="#expand"> </a></td>
2098 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
2099 <div class="fixedFont">
2100 <span class="attributes"></span><b class="itemname">padding</b>
2109 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
2115 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
2136 <td class="msource">
2138 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2144 <tr class="method-row config-row-alt1 expandable">
2145 <td class="micon"><a class="exi" href="#expand"> </a></td>
2149 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
2150 <div class="fixedFont">
2151 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
2153 (string <B><i>sGroup</i></B>)
2160 <div class="short">Remove's this instance from the supplied interaction group</div>
2166 Remove's this instance from the supplied interaction group
2173 <dl class="detailList">
2174 <dt class="heading">Parameters:</dt>
2177 <span class="fixedFont">string</span> <b>sGroup</b>
2180 <dd>The group to drop</dd>
2198 <td class="msource">
2200 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2206 <tr class="method-row config-row-alt0 expandable">
2207 <td class="micon"><a class="exi" href="#expand"> </a></td>
2211 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
2212 <div class="fixedFont">
2213 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
2215 (string <B><i>cssClass</i></B>)
2222 <div class="short">Unsets an invalid css class</div>
2228 Unsets an invalid css class
2235 <dl class="detailList">
2236 <dt class="heading">Parameters:</dt>
2239 <span class="fixedFont">string</span> <b>cssClass</b>
2242 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
2260 <td class="msource">
2262 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2268 <tr class="method-row config-row-alt1 expandable">
2269 <td class="micon"><a class="exi" href="#expand"> </a></td>
2273 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
2274 <div class="fixedFont">
2275 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
2277 (string <B><i>id</i></B>)
2284 <div class="short">Unsets an invalid handle id</div>
2290 Unsets an invalid handle id
2297 <dl class="detailList">
2298 <dt class="heading">Parameters:</dt>
2301 <span class="fixedFont">string</span> <b>id</b>
2304 <dd>the id of the element to re-enable</dd>
2322 <td class="msource">
2324 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2330 <tr class="method-row config-row-alt0 expandable">
2331 <td class="micon"><a class="exi" href="#expand"> </a></td>
2335 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
2336 <div class="fixedFont">
2337 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
2339 (string <B><i>tagName</i></B>)
2346 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
2352 Unsets an excluded tag name set by addInvalidHandleType
2359 <dl class="detailList">
2360 <dt class="heading">Parameters:</dt>
2363 <span class="fixedFont">string</span> <b>tagName</b>
2366 <dd>the type of element to unexclude</dd>
2384 <td class="msource">
2386 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2392 <tr class="method-row config-row-alt1 expandable">
2393 <td class="micon"><a class="exi" href="#expand"> </a></td>
2397 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
2398 <div class="fixedFont">
2399 <span class="attributes"></span><b class="itemname">resetConstraints</b>
2401 (boolean <B><i>maintainOffset</i></B>)
2408 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
2414 resetConstraints must be called if you manually reposition a dd element.
2421 <dl class="detailList">
2422 <dt class="heading">Parameters:</dt>
2425 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
2446 <td class="msource">
2448 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2454 <tr class="method-row config-row-alt0 expandable notInherited">
2455 <td class="micon"><a class="exi" href="#expand"> </a></td>
2459 <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
2460 <div class="fixedFont">
2461 <span class="attributes"></span><b class="itemname">setDelta</b>
2463 (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
2470 <div class="short">Sets the pointer offset.</div>
2476 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)
2483 <dl class="detailList">
2484 <dt class="heading">Parameters:</dt>
2487 <span class="fixedFont">int</span> <b>iDeltaX</b>
2490 <dd>the distance from the left</dd>
2493 <span class="fixedFont">int</span> <b>iDeltaY</b>
2496 <dd>the distance from the top</dd>
2514 <td class="msource">
2522 <tr class="method-row config-row-alt1 expandable">
2523 <td class="micon"><a class="exi" href="#expand"> </a></td>
2527 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
2528 <div class="fixedFont">
2529 <span class="attributes"></span><b class="itemname">setDragElId</b>
2538 <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>
2544 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
2551 <dl class="detailList">
2552 <dt class="heading">Parameters:</dt>
2558 <dd>{string} the id of the element that will be used to initiate the drag</dd>
2576 <td class="msource">
2578 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2584 <tr class="method-row config-row-alt0 expandable notInherited">
2585 <td class="micon"><a class="exi" href="#expand"> </a></td>
2589 <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
2590 <div class="fixedFont">
2591 <span class="attributes"></span><b class="itemname">setDragElPos</b>
2593 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
2600 <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>
2606 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.
2613 <dl class="detailList">
2614 <dt class="heading">Parameters:</dt>
2617 <span class="fixedFont">int</span> <b>iPageX</b>
2620 <dd>the X coordinate of the mousedown or drag event</dd>
2623 <span class="fixedFont">int</span> <b>iPageY</b>
2626 <dd>the Y coordinate of the mousedown or drag event</dd>
2644 <td class="msource">
2652 <tr class="method-row config-row-alt1 expandable">
2653 <td class="micon"><a class="exi" href="#expand"> </a></td>
2657 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
2658 <div class="fixedFont">
2659 <span class="attributes"></span><b class="itemname">setHandleElId</b>
2668 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
2674 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.
2681 <dl class="detailList">
2682 <dt class="heading">Parameters:</dt>
2688 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
2706 <td class="msource">
2708 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2714 <tr class="method-row config-row-alt0 expandable">
2715 <td class="micon"><a class="exi" href="#expand"> </a></td>
2719 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
2720 <div class="fixedFont">
2721 <span class="attributes"></span><b class="itemname">setInitPosition</b>
2723 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
2730 <div class="short">Stores the initial placement of the linked element.</div>
2736 Stores the initial placement of the linked element.
2743 <dl class="detailList">
2744 <dt class="heading">Parameters:</dt>
2747 <span class="fixedFont">int</span> <b>diffX</b>
2750 <dd>the X offset, default 0</dd>
2753 <span class="fixedFont">int</span> <b>diffY</b>
2756 <dd>the Y offset, default 0</dd>
2774 <td class="msource">
2776 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2782 <tr class="method-row config-row-alt1 expandable">
2783 <td class="micon"><a class="exi" href="#expand"> </a></td>
2787 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
2788 <div class="fixedFont">
2789 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
2798 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
2804 Allows you to set an element outside of the linked element as a drag<br/>handle
2811 <dl class="detailList">
2812 <dt class="heading">Parameters:</dt>
2818 <dd>the id of the element that will be used to initiate the drag</dd>
2836 <td class="msource">
2838 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2844 <tr class="method-row config-row-alt0 expandable">
2845 <td class="micon"><a class="exi" href="#expand"> </a></td>
2849 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
2850 <div class="fixedFont">
2851 <span class="attributes"></span><b class="itemname">setPadding</b>
2853 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
2860 <div class="short">Configures the padding for the target zone in px.</div>
2866 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.
2873 <dl class="detailList">
2874 <dt class="heading">Parameters:</dt>
2877 <span class="fixedFont">int</span> <b>iTop</b>
2883 <span class="fixedFont">int</span> <b>iRight</b>
2889 <span class="fixedFont">int</span> <b>iBot</b>
2895 <span class="fixedFont">int</span> <b>iLeft</b>
2916 <td class="msource">
2918 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2924 <tr class="method-row config-row-alt1 expandable">
2925 <td class="micon"><a class="exi" href="#expand"> </a></td>
2929 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
2930 <div class="fixedFont">
2931 <span class="attributes"></span><b class="itemname">setXConstraint</b>
2933 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
2940 <div class="short">By default, the element can be dragged any place on the screen.</div>
2946 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.
2953 <dl class="detailList">
2954 <dt class="heading">Parameters:</dt>
2957 <span class="fixedFont">int</span> <b>iLeft</b>
2960 <dd>the number of pixels the element can move to the left</dd>
2963 <span class="fixedFont">int</span> <b>iRight</b>
2966 <dd>the number of pixels the element can move to the<br/>right</dd>
2969 <span class="fixedFont">int</span> <b>iTickSize</b>
2972 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
2990 <td class="msource">
2992 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2998 <tr class="method-row config-row-alt0 expandable">
2999 <td class="micon"><a class="exi" href="#expand"> </a></td>
3003 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
3004 <div class="fixedFont">
3005 <span class="attributes"></span><b class="itemname">setYConstraint</b>
3007 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
3014 <div class="short">By default, the element can be dragged any place on the screen.</div>
3020 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.
3027 <dl class="detailList">
3028 <dt class="heading">Parameters:</dt>
3031 <span class="fixedFont">int</span> <b>iUp</b>
3034 <dd>the number of pixels the element can move up</dd>
3037 <span class="fixedFont">int</span> <b>iDown</b>
3040 <dd>the number of pixels the element can move down</dd>
3043 <span class="fixedFont">int</span> <b>iTickSize</b>
3046 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
3064 <td class="msource">
3066 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3072 <tr class="method-row config-row-alt1 expandable">
3073 <td class="micon"><a class="exi" href="#expand"> </a></td>
3077 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
3078 <div class="fixedFont">
3079 <span class="attributes"></span><b class="itemname">startDrag</b>
3081 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
3088 <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>
3094 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
3101 <dl class="detailList">
3102 <dt class="heading">Parameters:</dt>
3105 <span class="fixedFont">int</span> <b>X</b>
3108 <dd>click location</dd>
3111 <span class="fixedFont">int</span> <b>Y</b>
3114 <dd>click location</dd>
3132 <td class="msource">
3134 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3140 <tr class="method-row config-row-alt0 expandable">
3141 <td class="micon"><a class="exi" href="#expand"> </a></td>
3145 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
3146 <div class="fixedFont">
3147 <span class="attributes"></span><b class="itemname">unlock</b>
3156 <div class="short">Unlock this instace</div>
3183 <td class="msource">
3185 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3191 <tr class="method-row config-row-alt1 expandable">
3192 <td class="micon"><a class="exi" href="#expand"> </a></td>
3196 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
3197 <div class="fixedFont">
3198 <span class="attributes"></span><b class="itemname">unreg</b>
3207 <div class="short">Remove all drag and drop hooks for this element</div>
3213 Remove all drag and drop hooks for this element
3234 <td class="msource">
3236 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3245 <!-- ============================== events summary / details ======================== -->
3248 <a id="Roo.dd.DD-events"></a>
3254 <table cellspacing="0" class="member-table">
3255 <caption class="Empty">Events - Has None</caption>
3266 <!-- ============================== footer ================================= -->
3267 <div class="fineprint" style="clear:both">
3269 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Tue Jul 27 2010 11:05:07 GMT+0800 (HKT)
3271 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>