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.DragSource</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.DragSource-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.dd.DragSource-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.dd.DragSource-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.dd.DragSource-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.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
50 <img src="../../images/default/s.gif" height="1" width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DragSource
55 <!-- ============================== class title / details ============================ -->
58 <h1 class="classTitle">
60 Class Roo.dd.DragSource
63 <table cellspacing="0" class="class-summary-table">
65 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
67 <tr><td class="label">Defined In:</td><td class="hd-info">
69 <a href="./src/Roo_dd_DragSource.js.html">Roo/dd/DragSource.js</a>.
72 <tr><td class="label">Class:</td><td class="hd-info">DragSource</td></tr>
75 <tr><td class="label">Subclasses:</td><td class="hd-info">
76 <a href="./Roo.dd.DragZone.html#constructor" roo:cls="Roo.dd.DragZone.html#constructor">Roo.dd.DragZone</a>
84 <tr><td class="label">Extends:</td><td class="hd-info">
85 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
93 <!-- ============================== class summary ========================== -->
94 <div class="description">
95 A simple class that provides the basic implementation needed to make any element draggable.
99 <!-- ============================== Class comment block... ========================== -->
101 <div class="comments">
102 <b>Class Comments / Notes</B> =>
103 <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DragSource';">[Add Your comment/notes about this class]</u>
105 <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
106 src="/blog.php/GtkDjsComments/Roo.dd.DragSource.html"></iframe>
111 <!-- ============================== config options ========================== -->
116 <div class="hr"></div>
117 <a id="Roo.dd.DragSource-configs"></a>
123 <table cellspacing="0" class="member-table">
124 <caption>Config Options (Usually are also Properties)</caption>
128 <th class="sig-header" colspan="2">Options</th>
130 <th class="msource-header">Defined By</th>
137 <tr class="config-row expandable config-row-alt0 notInherited">
138 <td class="micon"><a class="exi" href="#expand"> </a></td>
141 <a id="Roo.dd.DragSource-cfg-dropAllowed" name=".dropAllowed"></a>
142 <div class="fixedFont">
143 <b class="itemname">dropAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
149 <div class="short">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
153 <div class="long">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
167 <tr class="config-row expandable config-row-alt1 notInherited">
168 <td class="micon"><a class="exi" href="#expand"> </a></td>
171 <a id="Roo.dd.DragSource-cfg-dropNotAllowed" name=".dropNotAllowed"></a>
172 <div class="fixedFont">
173 <b class="itemname">dropNotAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
179 <div class="short">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
183 <div class="long">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
197 <tr class="config-row expandable config-row-alt0">
198 <td class="micon"><a class="exi" href="#expand"> </a></td>
201 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
202 <div class="fixedFont">
203 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
209 <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> .</div>
213 <div class="long">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> ..... <br/> } ,<br/> .... <br/> } <br/> </code></pre></div>
221 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
237 <!-- ============================== public properties ==================== -->
241 <a id="Roo.dd.DragSource-props"></a>
249 <table cellspacing="0" class="member-table">
250 <caption>Public Properties </caption>
252 <th class="sig-header" colspan="2">Property</th>
253 <th class="sig-header">Description</th>
254 <th class="msource-header">Defined By</th>
264 <tr class="property-row config-row-alt0">
266 <a class="exi" href="#expand"> </a>
269 <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
270 <div class="fixedFont">
271 <span class="attributes">Roo.dd.DragSource.</span><b class="itemname">dragElId</b> :
272 <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
280 The default drag frame div id
288 The default drag frame div id
295 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
304 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
305 <tr class="property-row alt">
312 <!-- ============================== methods summary / details ======================== -->
315 <a id="Roo.dd.DragSource-methods"></a>
316 <!-- constructor?? -->
323 <!-- then dynamics first -->
330 <table cellspacing="0" class="member-table">
331 <caption>Public Methods</caption>
333 <th class="sig-header" colspan="2">Method</th>
334 <th class="msource-header">Defined By</th>
344 <tr class="method-row config-row-alt0 expandable notInherited">
345 <td class="micon"><a class="exi" href="#expand"> </a></td>
349 <a id="Roo.dd-method-DragSource" name=".DragSource"></a>
350 <div class="fixedFont">
351 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DragSource</b>
353 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
361 <div class="short">Create a new Roo.dd.DragSource</div>
368 Create a new Roo.dd.DragSource
371 <dl class="detailList">
372 <dt class="heading">Parameters:</dt>
375 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
378 <dd>The container element</dd>
381 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
408 <tr class="method-row config-row-alt1 expandable">
409 <td class="micon"><a class="exi" href="#expand"> </a></td>
413 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
414 <div class="fixedFont">
415 <span class="attributes"></span><b class="itemname">addEvents</b>
417 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
424 <div class="short">Used to define events on this Observable</div>
430 Used to define events on this Observable
437 <dl class="detailList">
438 <dt class="heading">Parameters:</dt>
441 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>object</b>
444 <dd>The object with the events defined</dd>
464 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
470 <tr class="method-row config-row-alt0 expandable">
471 <td class="micon"><a class="exi" href="#expand"> </a></td>
475 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
476 <div class="fixedFont">
477 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
479 (string <B><i>cssClass</i></B>)
486 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
492 Lets you specify a css class of elements that will not initiate a drag
499 <dl class="detailList">
500 <dt class="heading">Parameters:</dt>
503 <span class="fixedFont">string</span> <b>cssClass</b>
506 <dd>the class of the elements you wish to ignore</dd>
526 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
532 <tr class="method-row config-row-alt1 expandable">
533 <td class="micon"><a class="exi" href="#expand"> </a></td>
537 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
538 <div class="fixedFont">
539 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
541 (string <B><i>id</i></B>)
548 <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>
554 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
561 <dl class="detailList">
562 <dt class="heading">Parameters:</dt>
565 <span class="fixedFont">string</span> <b>id</b>
568 <dd>the element id of the element you wish to ignore</dd>
588 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
594 <tr class="method-row config-row-alt0 expandable">
595 <td class="micon"><a class="exi" href="#expand"> </a></td>
599 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
600 <div class="fixedFont">
601 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
603 (string <B><i>tagName</i></B>)
610 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
616 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.
623 <dl class="detailList">
624 <dt class="heading">Parameters:</dt>
627 <span class="fixedFont">string</span> <b>tagName</b>
630 <dd>the type of element to exclude</dd>
650 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
656 <tr class="method-row config-row-alt1 expandable">
657 <td class="micon"><a class="exi" href="#expand"> </a></td>
661 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
662 <div class="fixedFont">
663 <span class="attributes"></span><b class="itemname">addListener</b>
665 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
672 <div class="short">Appends an event handler to this component</div>
678 Appends an event handler to this component
685 <dl class="detailList">
686 <dt class="heading">Parameters:</dt>
689 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
692 <dd>The type of event to listen for</dd>
695 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
698 <dd>The method the event invokes</dd>
701 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
704 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
707 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
710 <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/> <pre><code><br/> el.on('click', this.onClick, this, {<br/> single: true,<br/> delay: 100,<br/> forumId: 4<br/> });<br/> </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/> el.on({<br/> 'click': {<br/> fn: this.onClick,<br/> scope: this,<br/> delay: 100<br/> }, <br/> 'mouseover': {<br/> fn: this.onMouseOver,<br/> scope: this<br/> },<br/> 'mouseout': {<br/> fn: this.onMouseOut,<br/> scope: this<br/> }<br/> });<br/> </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/> <pre><code><br/> el.on({<br/> 'click': this.onClick,<br/> 'mouseover': this.onMouseOver,<br/> 'mouseout': this.onMouseOut,<br/> scope: this<br/> });<br/> </code></pre></dd>
730 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
736 <tr class="method-row config-row-alt0 expandable">
737 <td class="micon"><a class="exi" href="#expand"> </a></td>
741 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
742 <div class="fixedFont">
743 <span class="attributes"></span><b class="itemname">addToGroup</b>
745 (<B><i>sGroup</i></B>)
752 <div class="short">Add this instance to a group of related drag/drop objects.</div>
758 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.
765 <dl class="detailList">
766 <dt class="heading">Parameters:</dt>
772 <dd>{string} the name of the group</dd>
792 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
798 <tr class="method-row config-row-alt1 expandable">
799 <td class="micon"><a class="exi" href="#expand"> </a></td>
803 <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
804 <div class="fixedFont">
805 <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
807 (<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>)
814 <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>
820 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.
827 <dl class="detailList">
828 <dt class="heading">Parameters:</dt>
831 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
834 <dd>the element to move</dd>
837 <span class="fixedFont">int</span> <b>iPageX</b>
840 <dd>the X coordinate of the mousedown or drag event</dd>
843 <span class="fixedFont">int</span> <b>iPageY</b>
846 <dd>the Y coordinate of the mousedown or drag event</dd>
866 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
872 <tr class="method-row config-row-alt0 expandable">
873 <td class="micon"><a class="exi" href="#expand"> </a></td>
877 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
878 <div class="fixedFont">
879 <span class="attributes"></span><b class="itemname">applyConfig</b>
888 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
894 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.
917 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
923 <tr class="method-row config-row-alt1 expandable">
924 <td class="micon"><a class="exi" href="#expand"> </a></td>
928 <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
929 <div class="fixedFont">
930 <span class="attributes"></span><b class="itemname">autoOffset</b>
932 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
939 <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>
945 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
952 <dl class="detailList">
953 <dt class="heading">Parameters:</dt>
956 <span class="fixedFont">int</span> <b>iPageX</b>
959 <dd>the X coordinate of the click</dd>
962 <span class="fixedFont">int</span> <b>iPageY</b>
965 <dd>the Y coordinate of the click</dd>
985 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
991 <tr class="method-row config-row-alt0 expandable notInherited">
992 <td class="micon"><a class="exi" href="#expand"> </a></td>
996 <a id="Roo.dd.DragSource-method-beforeDragDrop" name=".beforeDragDrop"></a>
997 <div class="fixedFont">
998 <span class="attributes"></span><b class="itemname">beforeDragDrop</b>
1000 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1006 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1015 <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.</div>
1021 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.
1028 <dl class="detailList">
1029 <dt class="heading">Parameters:</dt>
1032 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1035 <dd>The drop target</dd>
1038 <span class="fixedFont">Event</span> <b>e</b>
1041 <dd>The event object</dd>
1044 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1047 <dd>The id of the dragged element</dd>
1055 <dl class="detailList">
1056 <dt class="heading">Returns:</dt>
1058 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag drop event is valid, else false to cancel</dd>
1072 <td class="msource">
1080 <tr class="method-row config-row-alt1 expandable notInherited">
1081 <td class="micon"><a class="exi" href="#expand"> </a></td>
1085 <a id="Roo.dd.DragSource-method-beforeDragEnter" name=".beforeDragEnter"></a>
1086 <div class="fixedFont">
1087 <span class="attributes"></span><b class="itemname">beforeDragEnter</b>
1089 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1095 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1104 <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.</div>
1110 An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.
1117 <dl class="detailList">
1118 <dt class="heading">Parameters:</dt>
1121 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1124 <dd>The drop target</dd>
1127 <span class="fixedFont">Event</span> <b>e</b>
1130 <dd>The event object</dd>
1133 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1136 <dd>The id of the dragged element</dd>
1144 <dl class="detailList">
1145 <dt class="heading">Returns:</dt>
1147 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1161 <td class="msource">
1169 <tr class="method-row config-row-alt0 expandable notInherited">
1170 <td class="micon"><a class="exi" href="#expand"> </a></td>
1174 <a id="Roo.dd.DragSource-method-beforeDragOut" name=".beforeDragOut"></a>
1175 <div class="fixedFont">
1176 <span class="attributes"></span><b class="itemname">beforeDragOut</b>
1178 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1184 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1193 <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.</div>
1199 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.
1206 <dl class="detailList">
1207 <dt class="heading">Parameters:</dt>
1210 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1213 <dd>The drop target</dd>
1216 <span class="fixedFont">Event</span> <b>e</b>
1219 <dd>The event object</dd>
1222 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1225 <dd>The id of the dragged element</dd>
1233 <dl class="detailList">
1234 <dt class="heading">Returns:</dt>
1236 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1250 <td class="msource">
1258 <tr class="method-row config-row-alt1 expandable notInherited">
1259 <td class="micon"><a class="exi" href="#expand"> </a></td>
1263 <a id="Roo.dd.DragSource-method-beforeDragOver" name=".beforeDragOver"></a>
1264 <div class="fixedFont">
1265 <span class="attributes"></span><b class="itemname">beforeDragOver</b>
1267 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1273 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1282 <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.</div>
1288 An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.
1295 <dl class="detailList">
1296 <dt class="heading">Parameters:</dt>
1299 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1302 <dd>The drop target</dd>
1305 <span class="fixedFont">Event</span> <b>e</b>
1308 <dd>The event object</dd>
1311 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1314 <dd>The id of the dragged element</dd>
1322 <dl class="detailList">
1323 <dt class="heading">Returns:</dt>
1325 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1339 <td class="msource">
1347 <tr class="method-row config-row-alt0 expandable notInherited">
1348 <td class="micon"><a class="exi" href="#expand"> </a></td>
1352 <a id="Roo.dd.DragSource-method-beforeInvalidDrop" name=".beforeInvalidDrop"></a>
1353 <div class="fixedFont">
1354 <span class="attributes"></span><b class="itemname">beforeInvalidDrop</b>
1356 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1362 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1371 <div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.</div>
1377 An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.
1384 <dl class="detailList">
1385 <dt class="heading">Parameters:</dt>
1388 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1391 <dd>The drop target</dd>
1394 <span class="fixedFont">Event</span> <b>e</b>
1397 <dd>The event object</dd>
1400 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1403 <dd>The id of the dragged element</dd>
1411 <dl class="detailList">
1412 <dt class="heading">Returns:</dt>
1414 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the invalid drop should proceed, else false to cancel</dd>
1428 <td class="msource">
1436 <tr class="method-row config-row-alt1 expandable">
1437 <td class="micon"><a class="exi" href="#expand"> </a></td>
1441 <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
1442 <div class="fixedFont">
1443 <span class="attributes"></span><b class="itemname">cachePosition</b>
1445 (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
1452 <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
1458 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.
1465 <dl class="detailList">
1466 <dt class="heading">Parameters:</dt>
1472 <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1478 <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1496 <td class="msource">
1498 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</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-clearConstraints" name=".clearConstraints"></a>
1510 <div class="fixedFont">
1511 <span class="attributes"></span><b class="itemname">clearConstraints</b>
1520 <div class="short">Clears any constraints applied to this instance.</div>
1526 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
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-clearTicks" name=".clearTicks"></a>
1561 <div class="fixedFont">
1562 <span class="attributes"></span><b class="itemname">clearTicks</b>
1571 <div class="short">Clears any tick interval defined for this instance</div>
1577 Clears any tick interval defined for this instance
1598 <td class="msource">
1600 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1606 <tr class="method-row config-row-alt0 expandable">
1607 <td class="micon"><a class="exi" href="#expand"> </a></td>
1611 <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
1612 <div class="fixedFont">
1613 <span class="attributes"></span><b class="itemname">createFrame</b>
1622 <div class="short">Creates the proxy element if it does not yet exist</div>
1628 Creates the proxy element if it does not yet exist
1649 <td class="msource">
1651 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
1657 <tr class="method-row config-row-alt1 expandable">
1658 <td class="micon"><a class="exi" href="#expand"> </a></td>
1662 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
1663 <div class="fixedFont">
1664 <span class="attributes"></span><b class="itemname">endDrag</b>
1666 (Event <B><i>e</i></B>)
1673 <div class="short">Fired when we are done dragging the object</div>
1679 Fired when we are done dragging the object
1686 <dl class="detailList">
1687 <dt class="heading">Parameters:</dt>
1690 <span class="fixedFont">Event</span> <b>e</b>
1693 <dd>the mouseup event</dd>
1711 <td class="msource">
1713 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1719 <tr class="method-row config-row-alt0 expandable">
1720 <td class="micon"><a class="exi" href="#expand"> </a></td>
1724 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1725 <div class="fixedFont">
1726 <span class="attributes"></span><b class="itemname">fireEvent</b>
1728 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>)
1734 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1743 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1749 Fires the specified event with the passed parameters (minus the event name).
1756 <dl class="detailList">
1757 <dt class="heading">Parameters:</dt>
1760 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1766 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span> <b>args</b>
1769 <dd>Variable number of parameters are passed to handlers</dd>
1777 <dl class="detailList">
1778 <dt class="heading">Returns:</dt>
1780 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> returns false if any of the handlers return false otherwise it returns true</dd>
1794 <td class="msource">
1796 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1802 <tr class="method-row config-row-alt1 expandable">
1803 <td class="micon"><a class="exi" href="#expand"> </a></td>
1807 <a id="Roo.dd.DragDrop-method-function toString() {
1809 }" name=".function toString() {
1812 <div class="fixedFont">
1813 <span class="attributes"></span><b class="itemname">function toString() {
1832 <div class="short">toString method</div>
1849 <dl class="detailList">
1850 <dt class="heading">Returns:</dt>
1852 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1866 <td class="msource">
1868 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1874 <tr class="method-row config-row-alt0 expandable notInherited">
1875 <td class="micon"><a class="exi" href="#expand"> </a></td>
1879 <a id="Roo.dd.DragSource-method-getDragData" name=".getDragData"></a>
1880 <div class="fixedFont">
1881 <span class="attributes"></span><b class="itemname">getDragData</b>
1889 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1898 <div class="short">Returns the data object associated with this drag source</div>
1904 Returns the data object associated with this drag source
1915 <dl class="detailList">
1916 <dt class="heading">Returns:</dt>
1918 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> data An object containing arbitrary data</dd>
1932 <td class="msource">
1940 <tr class="method-row config-row-alt1 expandable">
1941 <td class="micon"><a class="exi" href="#expand"> </a></td>
1945 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
1946 <div class="fixedFont">
1947 <span class="attributes"></span><b class="itemname">getDragEl</b>
1955 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1964 <div class="short">Returns a reference to the actual element to drag.</div>
1970 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
1981 <dl class="detailList">
1982 <dt class="heading">Returns:</dt>
1984 <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>
1998 <td class="msource">
2000 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2006 <tr class="method-row config-row-alt0 expandable">
2007 <td class="micon"><a class="exi" href="#expand"> </a></td>
2011 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
2012 <div class="fixedFont">
2013 <span class="attributes"></span><b class="itemname">getEl</b>
2021 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2030 <div class="short">Returns a reference to the linked element</div>
2036 Returns a reference to the linked element
2047 <dl class="detailList">
2048 <dt class="heading">Returns:</dt>
2050 <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>
2064 <td class="msource">
2066 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2072 <tr class="method-row config-row-alt1 expandable notInherited">
2073 <td class="micon"><a class="exi" href="#expand"> </a></td>
2077 <a id="Roo.dd.DragSource-method-getProxy" name=".getProxy"></a>
2078 <div class="fixedFont">
2079 <span class="attributes"></span><b class="itemname">getProxy</b>
2087 <a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a>
2096 <div class="short">Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}</div>
2102 Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}
2113 <dl class="detailList">
2114 <dt class="heading">Returns:</dt>
2116 <dd><span class="fixedFont"><a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a></span> proxy The StatusProxy</dd>
2130 <td class="msource">
2138 <tr class="method-row config-row-alt0 expandable">
2139 <td class="micon"><a class="exi" href="#expand"> </a></td>
2143 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
2144 <div class="fixedFont">
2145 <span class="attributes"></span><b class="itemname">hasListener</b>
2147 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2153 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2162 <div class="short">Checks to see if this object has any listeners for a specified event</div>
2168 Checks to see if this object has any listeners for a specified event
2175 <dl class="detailList">
2176 <dt class="heading">Parameters:</dt>
2179 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2182 <dd>The name of the event to check for</dd>
2190 <dl class="detailList">
2191 <dt class="heading">Returns:</dt>
2193 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the event is being listened for, else false</dd>
2207 <td class="msource">
2209 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2215 <tr class="method-row config-row-alt1 expandable notInherited">
2216 <td class="micon"><a class="exi" href="#expand"> </a></td>
2220 <a id="Roo.dd.DragSource-method-hideProxy" name=".hideProxy"></a>
2221 <div class="fixedFont">
2222 <span class="attributes"></span><b class="itemname">hideProxy</b>
2231 <div class="short">Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}</div>
2237 Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}
2258 <td class="msource">
2266 <tr class="method-row config-row-alt0 expandable">
2267 <td class="micon"><a class="exi" href="#expand"> </a></td>
2271 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
2272 <div class="fixedFont">
2273 <span class="attributes"></span><b class="itemname">init</b>
2275 (<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>)
2282 <div class="short">Sets up the DragDrop object.</div>
2288 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
2295 <dl class="detailList">
2296 <dt class="heading">Parameters:</dt>
2302 <dd>the id of the linked element</dd>
2305 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2308 <dd>the group of related items</dd>
2311 <span class="fixedFont">object</span> <b>config</b>
2314 <dd>configuration attributes</dd>
2332 <td class="msource">
2334 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2340 <tr class="method-row config-row-alt1 expandable">
2341 <td class="micon"><a class="exi" href="#expand"> </a></td>
2345 <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
2346 <div class="fixedFont">
2347 <span class="attributes"></span><b class="itemname">initFrame</b>
2356 <div class="short">Initialization for the drag frame element.</div>
2362 Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
2383 <td class="msource">
2385 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
2391 <tr class="method-row config-row-alt0 expandable">
2392 <td class="micon"><a class="exi" href="#expand"> </a></td>
2396 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
2397 <div class="fixedFont">
2398 <span class="attributes"></span><b class="itemname">initTarget</b>
2400 (<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>)
2407 <div class="short">Initializes Targeting functionality only.</div>
2413 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
2420 <dl class="detailList">
2421 <dt class="heading">Parameters:</dt>
2427 <dd>the id of the linked element</dd>
2430 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2433 <dd>the group of related items</dd>
2436 <span class="fixedFont">object</span> <b>config</b>
2439 <dd>configuration attributes</dd>
2457 <td class="msource">
2459 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2465 <tr class="method-row config-row-alt1 expandable">
2466 <td class="micon"><a class="exi" href="#expand"> </a></td>
2470 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
2471 <div class="fixedFont">
2472 <span class="attributes"></span><b class="itemname">isLocked</b>
2489 <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>
2495 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.)
2506 <dl class="detailList">
2507 <dt class="heading">Returns:</dt>
2509 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
2523 <td class="msource">
2525 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2531 <tr class="method-row config-row-alt0 expandable">
2532 <td class="micon"><a class="exi" href="#expand"> </a></td>
2536 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
2537 <div class="fixedFont">
2538 <span class="attributes"></span><b class="itemname">isTarget</b>
2547 <div class="short">By default, all insances can be a drop target.</div>
2553 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
2574 <td class="msource">
2576 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2582 <tr class="method-row config-row-alt1 expandable">
2583 <td class="micon"><a class="exi" href="#expand"> </a></td>
2587 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
2588 <div class="fixedFont">
2589 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
2591 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
2606 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
2612 Checks the tag exclusion list to see if this click should be ignored
2619 <dl class="detailList">
2620 <dt class="heading">Parameters:</dt>
2623 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2626 <dd>the HTMLElement to evaluate</dd>
2634 <dl class="detailList">
2635 <dt class="heading">Returns:</dt>
2637 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
2651 <td class="msource">
2653 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2659 <tr class="method-row config-row-alt0 expandable">
2660 <td class="micon"><a class="exi" href="#expand"> </a></td>
2664 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
2665 <div class="fixedFont">
2666 <span class="attributes"></span><b class="itemname">lock</b>
2675 <div class="short">Lock this instance</div>
2702 <td class="msource">
2704 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2710 <tr class="method-row config-row-alt1 expandable">
2711 <td class="micon"><a class="exi" href="#expand"> </a></td>
2715 <a id="Roo.util.Observable-method-on" name=".on"></a>
2716 <div class="fixedFont">
2717 <span class="attributes"></span><b class="itemname">on</b>
2719 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
2726 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2732 Appends an event handler to this element (shorthand for addListener)
2739 <dl class="detailList">
2740 <dt class="heading">Parameters:</dt>
2743 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2746 <dd>The type of event to listen for</dd>
2749 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2752 <dd>The method the event invokes</dd>
2755 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
2758 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2761 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
2782 <td class="msource">
2784 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2790 <tr class="method-row config-row-alt0 expandable">
2791 <td class="micon"><a class="exi" href="#expand"> </a></td>
2795 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
2796 <div class="fixedFont">
2797 <span class="attributes"></span><b class="itemname">onAvailable</b>
2806 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
2812 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
2833 <td class="msource">
2835 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2841 <tr class="method-row config-row-alt1 expandable notInherited">
2842 <td class="micon"><a class="exi" href="#expand"> </a></td>
2846 <a id="Roo.dd.DragSource-method-onBeforeDrag" name=".onBeforeDrag"></a>
2847 <div class="fixedFont">
2848 <span class="attributes"></span><b class="itemname">onBeforeDrag</b>
2850 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>, Event <B><i>e</i></B>)
2856 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2865 <div class="short">An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.</div>
2871 An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.
2878 <dl class="detailList">
2879 <dt class="heading">Parameters:</dt>
2882 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>data</b>
2885 <dd>An object containing arbitrary data to be shared with drop targets</dd>
2888 <span class="fixedFont">Event</span> <b>e</b>
2891 <dd>The event object</dd>
2899 <dl class="detailList">
2900 <dt class="heading">Returns:</dt>
2902 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
2916 <td class="msource">
2924 <tr class="method-row config-row-alt0 expandable">
2925 <td class="micon"><a class="exi" href="#expand"> </a></td>
2929 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
2930 <div class="fixedFont">
2931 <span class="attributes"></span><b class="itemname">onDrag</b>
2933 (Event <B><i>e</i></B>)
2940 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
2946 Abstract method called during the onMouseMove event while dragging an<br/>object.
2953 <dl class="detailList">
2954 <dt class="heading">Parameters:</dt>
2957 <span class="fixedFont">Event</span> <b>e</b>
2960 <dd>the mousemove event</dd>
2978 <td class="msource">
2980 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2986 <tr class="method-row config-row-alt1 expandable">
2987 <td class="micon"><a class="exi" href="#expand"> </a></td>
2991 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
2992 <div class="fixedFont">
2993 <span class="attributes"></span><b class="itemname">onDragDrop</b>
2995 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3002 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
3008 Abstract method called when this item is dropped on another DragDrop<br/>obj
3015 <dl class="detailList">
3016 <dt class="heading">Parameters:</dt>
3019 <span class="fixedFont">Event</span> <b>e</b>
3022 <dd>the mouseup event</dd>
3025 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3028 <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>
3046 <td class="msource">
3048 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3054 <tr class="method-row config-row-alt0 expandable">
3055 <td class="micon"><a class="exi" href="#expand"> </a></td>
3059 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
3060 <div class="fixedFont">
3061 <span class="attributes"></span><b class="itemname">onDragEnter</b>
3063 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3070 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
3076 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
3083 <dl class="detailList">
3084 <dt class="heading">Parameters:</dt>
3087 <span class="fixedFont">Event</span> <b>e</b>
3090 <dd>the mousemove event</dd>
3093 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3096 <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>
3114 <td class="msource">
3116 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3122 <tr class="method-row config-row-alt1 expandable">
3123 <td class="micon"><a class="exi" href="#expand"> </a></td>
3127 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
3128 <div class="fixedFont">
3129 <span class="attributes"></span><b class="itemname">onDragOut</b>
3131 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3138 <div class="short">Abstract method called when we are no longer hovering over an element</div>
3144 Abstract method called when we are no longer hovering over an element
3151 <dl class="detailList">
3152 <dt class="heading">Parameters:</dt>
3155 <span class="fixedFont">Event</span> <b>e</b>
3158 <dd>the mousemove event</dd>
3161 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3164 <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>
3182 <td class="msource">
3184 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3190 <tr class="method-row config-row-alt0 expandable">
3191 <td class="micon"><a class="exi" href="#expand"> </a></td>
3195 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
3196 <div class="fixedFont">
3197 <span class="attributes"></span><b class="itemname">onDragOver</b>
3199 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3206 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
3212 Abstract method called when this element is hovering over another<br/>DragDrop obj
3219 <dl class="detailList">
3220 <dt class="heading">Parameters:</dt>
3223 <span class="fixedFont">Event</span> <b>e</b>
3226 <dd>the mousemove event</dd>
3229 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3232 <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>
3250 <td class="msource">
3252 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3258 <tr class="method-row config-row-alt1 expandable">
3259 <td class="micon"><a class="exi" href="#expand"> </a></td>
3263 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
3264 <div class="fixedFont">
3265 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
3267 (Event <B><i>e</i></B>)
3274 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
3280 Abstract method called when this item is dropped on an area with no<br/>drop target
3287 <dl class="detailList">
3288 <dt class="heading">Parameters:</dt>
3291 <span class="fixedFont">Event</span> <b>e</b>
3294 <dd>the mouseup event</dd>
3312 <td class="msource">
3314 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3320 <tr class="method-row config-row-alt0 expandable">
3321 <td class="micon"><a class="exi" href="#expand"> </a></td>
3325 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
3326 <div class="fixedFont">
3327 <span class="attributes"></span><b class="itemname">onMouseDown</b>
3329 (Event <B><i>e</i></B>)
3336 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
3342 Event handler that fires when a drag/drop obj gets a mousedown
3349 <dl class="detailList">
3350 <dt class="heading">Parameters:</dt>
3353 <span class="fixedFont">Event</span> <b>e</b>
3356 <dd>the mousedown event</dd>
3374 <td class="msource">
3376 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3382 <tr class="method-row config-row-alt1 expandable">
3383 <td class="micon"><a class="exi" href="#expand"> </a></td>
3387 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
3388 <div class="fixedFont">
3389 <span class="attributes"></span><b class="itemname">onMouseUp</b>
3391 (Event <B><i>e</i></B>)
3398 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
3404 Event handler that fires when a drag/drop obj gets a mouseup
3411 <dl class="detailList">
3412 <dt class="heading">Parameters:</dt>
3415 <span class="fixedFont">Event</span> <b>e</b>
3418 <dd>the mouseup event</dd>
3436 <td class="msource">
3438 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3444 <tr class="method-row config-row-alt0 expandable notInherited">
3445 <td class="micon"><a class="exi" href="#expand"> </a></td>
3449 <a id="Roo.dd.DragSource-method-onStartDrag" name=".onStartDrag"></a>
3450 <div class="fixedFont">
3451 <span class="attributes"></span><b class="itemname">onStartDrag</b>
3453 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
3460 <div class="short">An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.</div>
3466 An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun. The drag cannot be canceled from this function.
3473 <dl class="detailList">
3474 <dt class="heading">Parameters:</dt>
3477 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3480 <dd>The x position of the click on the dragged object</dd>
3483 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3486 <dd>The y position of the click on the dragged object</dd>
3504 <td class="msource">
3512 <tr class="method-row config-row-alt1 expandable">
3513 <td class="micon"><a class="exi" href="#expand"> </a></td>
3517 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
3518 <div class="fixedFont">
3519 <span class="attributes"></span><b class="itemname">padding</b>
3528 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
3534 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
3555 <td class="msource">
3557 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3563 <tr class="method-row config-row-alt0 expandable">
3564 <td class="micon"><a class="exi" href="#expand"> </a></td>
3568 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
3569 <div class="fixedFont">
3570 <span class="attributes"></span><b class="itemname">purgeListeners</b>
3579 <div class="short">Removes all listeners for this object</div>
3585 Removes all listeners for this object
3606 <td class="msource">
3608 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3614 <tr class="method-row config-row-alt1 expandable">
3615 <td class="micon"><a class="exi" href="#expand"> </a></td>
3619 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
3620 <div class="fixedFont">
3621 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
3623 (string <B><i>sGroup</i></B>)
3630 <div class="short">Remove's this instance from the supplied interaction group</div>
3636 Remove's this instance from the supplied interaction group
3643 <dl class="detailList">
3644 <dt class="heading">Parameters:</dt>
3647 <span class="fixedFont">string</span> <b>sGroup</b>
3650 <dd>The group to drop</dd>
3668 <td class="msource">
3670 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3676 <tr class="method-row config-row-alt0 expandable">
3677 <td class="micon"><a class="exi" href="#expand"> </a></td>
3681 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
3682 <div class="fixedFont">
3683 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
3685 (string <B><i>cssClass</i></B>)
3692 <div class="short">Unsets an invalid css class</div>
3698 Unsets an invalid css class
3705 <dl class="detailList">
3706 <dt class="heading">Parameters:</dt>
3709 <span class="fixedFont">string</span> <b>cssClass</b>
3712 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
3730 <td class="msource">
3732 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3738 <tr class="method-row config-row-alt1 expandable">
3739 <td class="micon"><a class="exi" href="#expand"> </a></td>
3743 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
3744 <div class="fixedFont">
3745 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
3747 (string <B><i>id</i></B>)
3754 <div class="short">Unsets an invalid handle id</div>
3760 Unsets an invalid handle id
3767 <dl class="detailList">
3768 <dt class="heading">Parameters:</dt>
3771 <span class="fixedFont">string</span> <b>id</b>
3774 <dd>the id of the element to re-enable</dd>
3792 <td class="msource">
3794 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3800 <tr class="method-row config-row-alt0 expandable">
3801 <td class="micon"><a class="exi" href="#expand"> </a></td>
3805 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
3806 <div class="fixedFont">
3807 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
3809 (string <B><i>tagName</i></B>)
3816 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
3822 Unsets an excluded tag name set by addInvalidHandleType
3829 <dl class="detailList">
3830 <dt class="heading">Parameters:</dt>
3833 <span class="fixedFont">string</span> <b>tagName</b>
3836 <dd>the type of element to unexclude</dd>
3854 <td class="msource">
3856 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3862 <tr class="method-row config-row-alt1 expandable">
3863 <td class="micon"><a class="exi" href="#expand"> </a></td>
3867 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
3868 <div class="fixedFont">
3869 <span class="attributes"></span><b class="itemname">removeListener</b>
3871 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
3878 <div class="short">Removes a listener</div>
3891 <dl class="detailList">
3892 <dt class="heading">Parameters:</dt>
3895 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
3898 <dd>The type of event to listen for</dd>
3901 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
3904 <dd>The handler to remove</dd>
3907 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
3910 <dd>(optional) The scope (this object) for the handler</dd>
3928 <td class="msource">
3930 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3936 <tr class="method-row config-row-alt0 expandable">
3937 <td class="micon"><a class="exi" href="#expand"> </a></td>
3941 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
3942 <div class="fixedFont">
3943 <span class="attributes"></span><b class="itemname">resetConstraints</b>
3945 (boolean <B><i>maintainOffset</i></B>)
3952 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
3958 resetConstraints must be called if you manually reposition a dd element.
3965 <dl class="detailList">
3966 <dt class="heading">Parameters:</dt>
3969 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
3990 <td class="msource">
3992 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3998 <tr class="method-row config-row-alt1 expandable">
3999 <td class="micon"><a class="exi" href="#expand"> </a></td>
4003 <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
4004 <div class="fixedFont">
4005 <span class="attributes"></span><b class="itemname">setDelta</b>
4007 (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
4014 <div class="short">Sets the pointer offset.</div>
4020 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)
4027 <dl class="detailList">
4028 <dt class="heading">Parameters:</dt>
4031 <span class="fixedFont">int</span> <b>iDeltaX</b>
4034 <dd>the distance from the left</dd>
4037 <span class="fixedFont">int</span> <b>iDeltaY</b>
4040 <dd>the distance from the top</dd>
4058 <td class="msource">
4060 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4066 <tr class="method-row config-row-alt0 expandable">
4067 <td class="micon"><a class="exi" href="#expand"> </a></td>
4071 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
4072 <div class="fixedFont">
4073 <span class="attributes"></span><b class="itemname">setDragElId</b>
4082 <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>
4088 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
4095 <dl class="detailList">
4096 <dt class="heading">Parameters:</dt>
4102 <dd>{string} the id of the element that will be used to initiate the drag</dd>
4120 <td class="msource">
4122 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4128 <tr class="method-row config-row-alt1 expandable">
4129 <td class="micon"><a class="exi" href="#expand"> </a></td>
4133 <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
4134 <div class="fixedFont">
4135 <span class="attributes"></span><b class="itemname">setDragElPos</b>
4137 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
4144 <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>
4150 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.
4157 <dl class="detailList">
4158 <dt class="heading">Parameters:</dt>
4161 <span class="fixedFont">int</span> <b>iPageX</b>
4164 <dd>the X coordinate of the mousedown or drag event</dd>
4167 <span class="fixedFont">int</span> <b>iPageY</b>
4170 <dd>the Y coordinate of the mousedown or drag event</dd>
4188 <td class="msource">
4190 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4196 <tr class="method-row config-row-alt0 expandable">
4197 <td class="micon"><a class="exi" href="#expand"> </a></td>
4201 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
4202 <div class="fixedFont">
4203 <span class="attributes"></span><b class="itemname">setHandleElId</b>
4212 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
4218 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.
4225 <dl class="detailList">
4226 <dt class="heading">Parameters:</dt>
4232 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
4250 <td class="msource">
4252 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4258 <tr class="method-row config-row-alt1 expandable">
4259 <td class="micon"><a class="exi" href="#expand"> </a></td>
4263 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
4264 <div class="fixedFont">
4265 <span class="attributes"></span><b class="itemname">setInitPosition</b>
4267 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
4274 <div class="short">Stores the initial placement of the linked element.</div>
4280 Stores the initial placement of the linked element.
4287 <dl class="detailList">
4288 <dt class="heading">Parameters:</dt>
4291 <span class="fixedFont">int</span> <b>diffX</b>
4294 <dd>the X offset, default 0</dd>
4297 <span class="fixedFont">int</span> <b>diffY</b>
4300 <dd>the Y offset, default 0</dd>
4318 <td class="msource">
4320 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4326 <tr class="method-row config-row-alt0 expandable">
4327 <td class="micon"><a class="exi" href="#expand"> </a></td>
4331 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
4332 <div class="fixedFont">
4333 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
4342 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
4348 Allows you to set an element outside of the linked element as a drag<br/>handle
4355 <dl class="detailList">
4356 <dt class="heading">Parameters:</dt>
4362 <dd>the id of the element that will be used to initiate the drag</dd>
4380 <td class="msource">
4382 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4388 <tr class="method-row config-row-alt1 expandable">
4389 <td class="micon"><a class="exi" href="#expand"> </a></td>
4393 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
4394 <div class="fixedFont">
4395 <span class="attributes"></span><b class="itemname">setPadding</b>
4397 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
4404 <div class="short">Configures the padding for the target zone in px.</div>
4410 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.
4417 <dl class="detailList">
4418 <dt class="heading">Parameters:</dt>
4421 <span class="fixedFont">int</span> <b>iTop</b>
4427 <span class="fixedFont">int</span> <b>iRight</b>
4433 <span class="fixedFont">int</span> <b>iBot</b>
4439 <span class="fixedFont">int</span> <b>iLeft</b>
4460 <td class="msource">
4462 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4468 <tr class="method-row config-row-alt0 expandable">
4469 <td class="micon"><a class="exi" href="#expand"> </a></td>
4473 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
4474 <div class="fixedFont">
4475 <span class="attributes"></span><b class="itemname">setXConstraint</b>
4477 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
4484 <div class="short">By default, the element can be dragged any place on the screen.</div>
4490 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.
4497 <dl class="detailList">
4498 <dt class="heading">Parameters:</dt>
4501 <span class="fixedFont">int</span> <b>iLeft</b>
4504 <dd>the number of pixels the element can move to the left</dd>
4507 <span class="fixedFont">int</span> <b>iRight</b>
4510 <dd>the number of pixels the element can move to the<br/>right</dd>
4513 <span class="fixedFont">int</span> <b>iTickSize</b>
4516 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
4534 <td class="msource">
4536 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4542 <tr class="method-row config-row-alt1 expandable">
4543 <td class="micon"><a class="exi" href="#expand"> </a></td>
4547 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
4548 <div class="fixedFont">
4549 <span class="attributes"></span><b class="itemname">setYConstraint</b>
4551 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
4558 <div class="short">By default, the element can be dragged any place on the screen.</div>
4564 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.
4571 <dl class="detailList">
4572 <dt class="heading">Parameters:</dt>
4575 <span class="fixedFont">int</span> <b>iUp</b>
4578 <dd>the number of pixels the element can move up</dd>
4581 <span class="fixedFont">int</span> <b>iDown</b>
4584 <dd>the number of pixels the element can move down</dd>
4587 <span class="fixedFont">int</span> <b>iTickSize</b>
4590 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
4608 <td class="msource">
4610 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4616 <tr class="method-row config-row-alt0 expandable">
4617 <td class="micon"><a class="exi" href="#expand"> </a></td>
4621 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
4622 <div class="fixedFont">
4623 <span class="attributes"></span><b class="itemname">startDrag</b>
4625 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
4632 <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>
4638 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
4645 <dl class="detailList">
4646 <dt class="heading">Parameters:</dt>
4649 <span class="fixedFont">int</span> <b>X</b>
4652 <dd>click location</dd>
4655 <span class="fixedFont">int</span> <b>Y</b>
4658 <dd>click location</dd>
4676 <td class="msource">
4678 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4684 <tr class="method-row config-row-alt1 expandable">
4685 <td class="micon"><a class="exi" href="#expand"> </a></td>
4689 <a id="Roo.util.Observable-method-un" name=".un"></a>
4690 <div class="fixedFont">
4691 <span class="attributes"></span><b class="itemname">un</b>
4693 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
4700 <div class="short">Removes a listener (shorthand for removeListener)</div>
4706 Removes a listener (shorthand for removeListener)
4713 <dl class="detailList">
4714 <dt class="heading">Parameters:</dt>
4717 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
4720 <dd>The type of event to listen for</dd>
4723 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
4726 <dd>The handler to remove</dd>
4729 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
4732 <dd>(optional) The scope (this object) for the handler</dd>
4750 <td class="msource">
4752 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4758 <tr class="method-row config-row-alt0 expandable">
4759 <td class="micon"><a class="exi" href="#expand"> </a></td>
4763 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
4764 <div class="fixedFont">
4765 <span class="attributes"></span><b class="itemname">unlock</b>
4774 <div class="short">Unlock this instace</div>
4801 <td class="msource">
4803 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4809 <tr class="method-row config-row-alt1 expandable">
4810 <td class="micon"><a class="exi" href="#expand"> </a></td>
4814 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
4815 <div class="fixedFont">
4816 <span class="attributes"></span><b class="itemname">unreg</b>
4825 <div class="short">Remove all drag and drop hooks for this element</div>
4831 Remove all drag and drop hooks for this element
4852 <td class="msource">
4854 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4863 <!-- ============================== events summary / details ======================== -->
4866 <a id="Roo.dd.DragSource-events"></a>
4872 <table cellspacing="0" class="member-table">
4873 <caption class="Empty">Events - Has None</caption>
4884 <!-- ============================== footer ================================= -->
4885 <div class="fineprint" style="clear:both">
4887 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Mon Aug 15 2011 16:40:29 GMT+0800 (HKT)
4889 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>