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.DDTarget</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.DDTarget-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.dd.DDTarget-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.dd.DDTarget-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.dd.DDTarget-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 class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DDTarget
53 <!-- ============================== class title / details ============================ -->
56 <h1 class="classTitle">
61 <table cellspacing="0" class="class-summary-table">
63 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
65 <tr><td class="label">Defined In:</td><td class="hd-info">
67 <a href="./src/Roo_dd_DDTarget.js.html">Roo/dd/DDTarget.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">DDTarget</td></tr>
73 <tr><td class="label">Subclasses:</td><td class="hd-info">
74 <a href="./Roo.dd.DropTarget.html#constructor" roo:cls="Roo.dd.DropTarget.html#constructor">Roo.dd.DropTarget</a>, <a href="./Roo.dd.DropZone.html#constructor" roo:cls="Roo.dd.DropZone.html#constructor">Roo.dd.DropZone</a>
82 <tr><td class="label">Extends:</td><td class="hd-info">
83 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
91 <!-- ============================== class summary ========================== -->
92 <div class="description">
93 A DragDrop implementation that does not move, but can be a drop<br/>target. You would get the same result by simply omitting implementation<br/>for the event callbacks, but this way we reduce the processing cost of the<br/>event listener and the callbacks.
97 <!-- ============================== Class comment block... ========================== -->
99 <div class="comments">
100 <b>Class Comments / Notes</B> =>
101 <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DDTarget';">[Add Your comment/notes about this class]</u>
103 <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
104 src="/blog.php/GtkDjsComments/Roo.dd.DDTarget.html"></iframe>
109 <!-- ============================== config options ========================== -->
114 <div class="hr"></div>
115 <a id="Roo.dd.DDTarget-configs"></a>
121 <table cellspacing="0" class="member-table">
122 <caption>Config Options (Usually are also Properties)</caption>
126 <th class="sig-header" colspan="2">Options</th>
128 <th class="msource-header">Defined By</th>
135 <tr class="config-row expandable config-row-alt0">
136 <td class="micon"><a class="exi" href="#expand"> </a></td>
139 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
140 <div class="fixedFont">
141 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
147 <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>
152 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>
162 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
178 <!-- ============================== public properties ==================== -->
182 <a id="Roo.dd.DDTarget-props"></a>
188 <table cellspacing="0" class="member-table">
189 <caption class="Empty">Public Properties - Has None</caption>
195 <!-- ============================== methods summary / details ======================== -->
198 <a id="Roo.dd.DDTarget-methods"></a>
199 <!-- constructor?? -->
206 <!-- then dynamics first -->
213 <table cellspacing="0" class="member-table">
214 <caption>Public Methods</caption>
216 <th class="sig-header" colspan="2">Method</th>
217 <th class="msource-header">Defined By</th>
227 <tr class="method-row config-row-alt0 expandable notInherited">
228 <td class="micon"><a class="exi" href="#expand"> </a></td>
232 <a id="Roo.dd-method-DDTarget" name=".DDTarget"></a>
233 <div class="fixedFont">
234 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DDTarget</b>
236 (<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>)
244 <div class="short">Create a new Roo.dd.DDTarget</div>
251 Create a new Roo.dd.DDTarget
254 <dl class="detailList">
255 <dt class="heading">Parameters:</dt>
258 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
261 <dd>the id of the element that is a drop target</dd>
264 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
267 <dd>the group of related DragDrop objects</dd>
270 <span class="fixedFont">object</span> <b>config</b>
273 <dd>an object containing configurable attributes<br/> Valid properties for DDTarget in addition to those in<br/> DragDrop:<br/> none</dd>
297 <tr class="method-row config-row-alt1 expandable">
298 <td class="micon"><a class="exi" href="#expand"> </a></td>
302 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
303 <div class="fixedFont">
304 <span class="attributes"></span><b class="itemname">addEvents</b>
306 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
313 <div class="short">Used to define events on this Observable</div>
319 Used to define events on this Observable
326 <dl class="detailList">
327 <dt class="heading">Parameters:</dt>
330 <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>
333 <dd>The object with the events defined</dd>
353 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
359 <tr class="method-row config-row-alt0 expandable">
360 <td class="micon"><a class="exi" href="#expand"> </a></td>
364 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
365 <div class="fixedFont">
366 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
368 (string <B><i>cssClass</i></B>)
375 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
381 Lets you specify a css class of elements that will not initiate a drag
388 <dl class="detailList">
389 <dt class="heading">Parameters:</dt>
392 <span class="fixedFont">string</span> <b>cssClass</b>
395 <dd>the class of the elements you wish to ignore</dd>
415 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
421 <tr class="method-row config-row-alt1 expandable">
422 <td class="micon"><a class="exi" href="#expand"> </a></td>
426 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
427 <div class="fixedFont">
428 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
430 (string <B><i>id</i></B>)
437 <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>
443 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
450 <dl class="detailList">
451 <dt class="heading">Parameters:</dt>
454 <span class="fixedFont">string</span> <b>id</b>
457 <dd>the element id of the element you wish to ignore</dd>
477 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
483 <tr class="method-row config-row-alt0 expandable">
484 <td class="micon"><a class="exi" href="#expand"> </a></td>
488 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
489 <div class="fixedFont">
490 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
492 (string <B><i>tagName</i></B>)
499 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
505 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.
512 <dl class="detailList">
513 <dt class="heading">Parameters:</dt>
516 <span class="fixedFont">string</span> <b>tagName</b>
519 <dd>the type of element to exclude</dd>
539 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
545 <tr class="method-row config-row-alt1 expandable">
546 <td class="micon"><a class="exi" href="#expand"> </a></td>
550 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
551 <div class="fixedFont">
552 <span class="attributes"></span><b class="itemname">addListener</b>
554 (<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>)
561 <div class="short">Appends an event handler to this component</div>
567 Appends an event handler to this component
574 <dl class="detailList">
575 <dt class="heading">Parameters:</dt>
578 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
581 <dd>The type of event to listen for</dd>
584 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
587 <dd>The method the event invokes</dd>
590 <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>
593 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
596 <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>
599 <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>
619 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
625 <tr class="method-row config-row-alt0 expandable">
626 <td class="micon"><a class="exi" href="#expand"> </a></td>
630 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
631 <div class="fixedFont">
632 <span class="attributes"></span><b class="itemname">addToGroup</b>
634 (<B><i>sGroup</i></B>)
641 <div class="short">Add this instance to a group of related drag/drop objects.</div>
647 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.
654 <dl class="detailList">
655 <dt class="heading">Parameters:</dt>
661 <dd>{string} the name of the group</dd>
681 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
687 <tr class="method-row config-row-alt1 expandable">
688 <td class="micon"><a class="exi" href="#expand"> </a></td>
692 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
693 <div class="fixedFont">
694 <span class="attributes"></span><b class="itemname">applyConfig</b>
703 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
709 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.
732 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
738 <tr class="method-row config-row-alt0 expandable">
739 <td class="micon"><a class="exi" href="#expand"> </a></td>
743 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
744 <div class="fixedFont">
745 <span class="attributes"></span><b class="itemname">clearConstraints</b>
754 <div class="short">Clears any constraints applied to this instance.</div>
760 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
783 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
789 <tr class="method-row config-row-alt1 expandable">
790 <td class="micon"><a class="exi" href="#expand"> </a></td>
794 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
795 <div class="fixedFont">
796 <span class="attributes"></span><b class="itemname">clearTicks</b>
805 <div class="short">Clears any tick interval defined for this instance</div>
811 Clears any tick interval defined for this instance
834 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
840 <tr class="method-row config-row-alt0 expandable">
841 <td class="micon"><a class="exi" href="#expand"> </a></td>
845 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
846 <div class="fixedFont">
847 <span class="attributes"></span><b class="itemname">endDrag</b>
849 (Event <B><i>e</i></B>)
856 <div class="short">Fired when we are done dragging the object</div>
862 Fired when we are done dragging the object
869 <dl class="detailList">
870 <dt class="heading">Parameters:</dt>
873 <span class="fixedFont">Event</span> <b>e</b>
876 <dd>the mouseup event</dd>
896 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
902 <tr class="method-row config-row-alt1 expandable">
903 <td class="micon"><a class="exi" href="#expand"> </a></td>
907 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
908 <div class="fixedFont">
909 <span class="attributes"></span><b class="itemname">fireEvent</b>
911 (<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>)
917 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
926 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
932 Fires the specified event with the passed parameters (minus the event name).
939 <dl class="detailList">
940 <dt class="heading">Parameters:</dt>
943 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
949 <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>
952 <dd>Variable number of parameters are passed to handlers</dd>
960 <dl class="detailList">
961 <dt class="heading">Returns:</dt>
963 <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>
979 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
985 <tr class="method-row config-row-alt0 expandable">
986 <td class="micon"><a class="exi" href="#expand"> </a></td>
990 <a id="Roo.dd.DragDrop-method-function toString() {
992 }" name=".function toString() {
995 <div class="fixedFont">
996 <span class="attributes"></span><b class="itemname">function toString() {
1015 <div class="short">toString method</div>
1032 <dl class="detailList">
1033 <dt class="heading">Returns:</dt>
1035 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1049 <td class="msource">
1051 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1057 <tr class="method-row config-row-alt1 expandable">
1058 <td class="micon"><a class="exi" href="#expand"> </a></td>
1062 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
1063 <div class="fixedFont">
1064 <span class="attributes"></span><b class="itemname">getDragEl</b>
1072 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1081 <div class="short">Returns a reference to the actual element to drag.</div>
1087 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
1098 <dl class="detailList">
1099 <dt class="heading">Returns:</dt>
1101 <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>
1115 <td class="msource">
1117 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1123 <tr class="method-row config-row-alt0 expandable">
1124 <td class="micon"><a class="exi" href="#expand"> </a></td>
1128 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
1129 <div class="fixedFont">
1130 <span class="attributes"></span><b class="itemname">getEl</b>
1138 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1147 <div class="short">Returns a reference to the linked element</div>
1153 Returns a reference to the linked element
1164 <dl class="detailList">
1165 <dt class="heading">Returns:</dt>
1167 <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>
1181 <td class="msource">
1183 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1189 <tr class="method-row config-row-alt1 expandable">
1190 <td class="micon"><a class="exi" href="#expand"> </a></td>
1194 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1195 <div class="fixedFont">
1196 <span class="attributes"></span><b class="itemname">hasListener</b>
1198 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1204 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1213 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1219 Checks to see if this object has any listeners for a specified event
1226 <dl class="detailList">
1227 <dt class="heading">Parameters:</dt>
1230 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1233 <dd>The name of the event to check for</dd>
1241 <dl class="detailList">
1242 <dt class="heading">Returns:</dt>
1244 <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>
1258 <td class="msource">
1260 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1266 <tr class="method-row config-row-alt0 expandable">
1267 <td class="micon"><a class="exi" href="#expand"> </a></td>
1271 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
1272 <div class="fixedFont">
1273 <span class="attributes"></span><b class="itemname">init</b>
1275 (<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>)
1282 <div class="short">Sets up the DragDrop object.</div>
1288 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
1295 <dl class="detailList">
1296 <dt class="heading">Parameters:</dt>
1302 <dd>the id of the linked element</dd>
1305 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1308 <dd>the group of related items</dd>
1311 <span class="fixedFont">object</span> <b>config</b>
1314 <dd>configuration attributes</dd>
1332 <td class="msource">
1334 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1340 <tr class="method-row config-row-alt1 expandable">
1341 <td class="micon"><a class="exi" href="#expand"> </a></td>
1345 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
1346 <div class="fixedFont">
1347 <span class="attributes"></span><b class="itemname">initTarget</b>
1349 (<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>)
1356 <div class="short">Initializes Targeting functionality only.</div>
1362 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
1369 <dl class="detailList">
1370 <dt class="heading">Parameters:</dt>
1376 <dd>the id of the linked element</dd>
1379 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1382 <dd>the group of related items</dd>
1385 <span class="fixedFont">object</span> <b>config</b>
1388 <dd>configuration attributes</dd>
1406 <td class="msource">
1408 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1414 <tr class="method-row config-row-alt0 expandable">
1415 <td class="micon"><a class="exi" href="#expand"> </a></td>
1419 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
1420 <div class="fixedFont">
1421 <span class="attributes"></span><b class="itemname">isLocked</b>
1438 <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>
1444 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.)
1455 <dl class="detailList">
1456 <dt class="heading">Returns:</dt>
1458 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
1472 <td class="msource">
1474 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1480 <tr class="method-row config-row-alt1 expandable">
1481 <td class="micon"><a class="exi" href="#expand"> </a></td>
1485 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
1486 <div class="fixedFont">
1487 <span class="attributes"></span><b class="itemname">isTarget</b>
1496 <div class="short">By default, all insances can be a drop target.</div>
1502 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
1523 <td class="msource">
1525 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1531 <tr class="method-row config-row-alt0 expandable">
1532 <td class="micon"><a class="exi" href="#expand"> </a></td>
1536 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
1537 <div class="fixedFont">
1538 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
1540 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
1555 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
1561 Checks the tag exclusion list to see if this click should be ignored
1568 <dl class="detailList">
1569 <dt class="heading">Parameters:</dt>
1572 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
1575 <dd>the HTMLElement to evaluate</dd>
1583 <dl class="detailList">
1584 <dt class="heading">Returns:</dt>
1586 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
1600 <td class="msource">
1602 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1608 <tr class="method-row config-row-alt1 expandable">
1609 <td class="micon"><a class="exi" href="#expand"> </a></td>
1613 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
1614 <div class="fixedFont">
1615 <span class="attributes"></span><b class="itemname">lock</b>
1624 <div class="short">Lock this instance</div>
1651 <td class="msource">
1653 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1659 <tr class="method-row config-row-alt0 expandable">
1660 <td class="micon"><a class="exi" href="#expand"> </a></td>
1664 <a id="Roo.util.Observable-method-on" name=".on"></a>
1665 <div class="fixedFont">
1666 <span class="attributes"></span><b class="itemname">on</b>
1668 (<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>)
1675 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1681 Appends an event handler to this element (shorthand for addListener)
1688 <dl class="detailList">
1689 <dt class="heading">Parameters:</dt>
1692 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1695 <dd>The type of event to listen for</dd>
1698 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1701 <dd>The method the event invokes</dd>
1704 <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>
1707 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1710 <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>
1731 <td class="msource">
1733 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1739 <tr class="method-row config-row-alt1 expandable">
1740 <td class="micon"><a class="exi" href="#expand"> </a></td>
1744 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
1745 <div class="fixedFont">
1746 <span class="attributes"></span><b class="itemname">onAvailable</b>
1755 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
1761 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
1782 <td class="msource">
1784 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1790 <tr class="method-row config-row-alt0 expandable">
1791 <td class="micon"><a class="exi" href="#expand"> </a></td>
1795 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
1796 <div class="fixedFont">
1797 <span class="attributes"></span><b class="itemname">onDrag</b>
1799 (Event <B><i>e</i></B>)
1806 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
1812 Abstract method called during the onMouseMove event while dragging an<br/>object.
1819 <dl class="detailList">
1820 <dt class="heading">Parameters:</dt>
1823 <span class="fixedFont">Event</span> <b>e</b>
1826 <dd>the mousemove event</dd>
1844 <td class="msource">
1846 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1852 <tr class="method-row config-row-alt1 expandable">
1853 <td class="micon"><a class="exi" href="#expand"> </a></td>
1857 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
1858 <div class="fixedFont">
1859 <span class="attributes"></span><b class="itemname">onDragDrop</b>
1861 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1868 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
1874 Abstract method called when this item is dropped on another DragDrop<br/>obj
1881 <dl class="detailList">
1882 <dt class="heading">Parameters:</dt>
1885 <span class="fixedFont">Event</span> <b>e</b>
1888 <dd>the mouseup event</dd>
1891 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1894 <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>
1912 <td class="msource">
1914 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1920 <tr class="method-row config-row-alt0 expandable">
1921 <td class="micon"><a class="exi" href="#expand"> </a></td>
1925 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
1926 <div class="fixedFont">
1927 <span class="attributes"></span><b class="itemname">onDragEnter</b>
1929 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1936 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
1942 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
1949 <dl class="detailList">
1950 <dt class="heading">Parameters:</dt>
1953 <span class="fixedFont">Event</span> <b>e</b>
1956 <dd>the mousemove event</dd>
1959 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1962 <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>
1980 <td class="msource">
1982 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1988 <tr class="method-row config-row-alt1 expandable">
1989 <td class="micon"><a class="exi" href="#expand"> </a></td>
1993 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
1994 <div class="fixedFont">
1995 <span class="attributes"></span><b class="itemname">onDragOut</b>
1997 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2004 <div class="short">Abstract method called when we are no longer hovering over an element</div>
2010 Abstract method called when we are no longer hovering over an element
2017 <dl class="detailList">
2018 <dt class="heading">Parameters:</dt>
2021 <span class="fixedFont">Event</span> <b>e</b>
2024 <dd>the mousemove event</dd>
2027 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2030 <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>
2048 <td class="msource">
2050 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2056 <tr class="method-row config-row-alt0 expandable">
2057 <td class="micon"><a class="exi" href="#expand"> </a></td>
2061 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
2062 <div class="fixedFont">
2063 <span class="attributes"></span><b class="itemname">onDragOver</b>
2065 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2072 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
2078 Abstract method called when this element is hovering over another<br/>DragDrop obj
2085 <dl class="detailList">
2086 <dt class="heading">Parameters:</dt>
2089 <span class="fixedFont">Event</span> <b>e</b>
2092 <dd>the mousemove event</dd>
2095 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2098 <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>
2116 <td class="msource">
2118 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2124 <tr class="method-row config-row-alt1 expandable">
2125 <td class="micon"><a class="exi" href="#expand"> </a></td>
2129 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
2130 <div class="fixedFont">
2131 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
2133 (Event <B><i>e</i></B>)
2140 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
2146 Abstract method called when this item is dropped on an area with no<br/>drop target
2153 <dl class="detailList">
2154 <dt class="heading">Parameters:</dt>
2157 <span class="fixedFont">Event</span> <b>e</b>
2160 <dd>the mouseup event</dd>
2178 <td class="msource">
2180 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2186 <tr class="method-row config-row-alt0 expandable">
2187 <td class="micon"><a class="exi" href="#expand"> </a></td>
2191 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
2192 <div class="fixedFont">
2193 <span class="attributes"></span><b class="itemname">onMouseDown</b>
2195 (Event <B><i>e</i></B>)
2202 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
2208 Event handler that fires when a drag/drop obj gets a mousedown
2215 <dl class="detailList">
2216 <dt class="heading">Parameters:</dt>
2219 <span class="fixedFont">Event</span> <b>e</b>
2222 <dd>the mousedown event</dd>
2240 <td class="msource">
2242 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2248 <tr class="method-row config-row-alt1 expandable">
2249 <td class="micon"><a class="exi" href="#expand"> </a></td>
2253 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
2254 <div class="fixedFont">
2255 <span class="attributes"></span><b class="itemname">onMouseUp</b>
2257 (Event <B><i>e</i></B>)
2264 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
2270 Event handler that fires when a drag/drop obj gets a mouseup
2277 <dl class="detailList">
2278 <dt class="heading">Parameters:</dt>
2281 <span class="fixedFont">Event</span> <b>e</b>
2284 <dd>the mouseup event</dd>
2302 <td class="msource">
2304 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2310 <tr class="method-row config-row-alt0 expandable">
2311 <td class="micon"><a class="exi" href="#expand"> </a></td>
2315 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
2316 <div class="fixedFont">
2317 <span class="attributes"></span><b class="itemname">padding</b>
2326 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
2332 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
2353 <td class="msource">
2355 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2361 <tr class="method-row config-row-alt1 expandable">
2362 <td class="micon"><a class="exi" href="#expand"> </a></td>
2366 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
2367 <div class="fixedFont">
2368 <span class="attributes"></span><b class="itemname">purgeListeners</b>
2377 <div class="short">Removes all listeners for this object</div>
2383 Removes all listeners for this object
2404 <td class="msource">
2406 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2412 <tr class="method-row config-row-alt0 expandable">
2413 <td class="micon"><a class="exi" href="#expand"> </a></td>
2417 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
2418 <div class="fixedFont">
2419 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
2421 (string <B><i>sGroup</i></B>)
2428 <div class="short">Remove's this instance from the supplied interaction group</div>
2434 Remove's this instance from the supplied interaction group
2441 <dl class="detailList">
2442 <dt class="heading">Parameters:</dt>
2445 <span class="fixedFont">string</span> <b>sGroup</b>
2448 <dd>The group to drop</dd>
2466 <td class="msource">
2468 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2474 <tr class="method-row config-row-alt1 expandable">
2475 <td class="micon"><a class="exi" href="#expand"> </a></td>
2479 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
2480 <div class="fixedFont">
2481 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
2483 (string <B><i>cssClass</i></B>)
2490 <div class="short">Unsets an invalid css class</div>
2496 Unsets an invalid css class
2503 <dl class="detailList">
2504 <dt class="heading">Parameters:</dt>
2507 <span class="fixedFont">string</span> <b>cssClass</b>
2510 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
2528 <td class="msource">
2530 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2536 <tr class="method-row config-row-alt0 expandable">
2537 <td class="micon"><a class="exi" href="#expand"> </a></td>
2541 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
2542 <div class="fixedFont">
2543 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
2545 (string <B><i>id</i></B>)
2552 <div class="short">Unsets an invalid handle id</div>
2558 Unsets an invalid handle id
2565 <dl class="detailList">
2566 <dt class="heading">Parameters:</dt>
2569 <span class="fixedFont">string</span> <b>id</b>
2572 <dd>the id of the element to re-enable</dd>
2590 <td class="msource">
2592 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2598 <tr class="method-row config-row-alt1 expandable">
2599 <td class="micon"><a class="exi" href="#expand"> </a></td>
2603 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
2604 <div class="fixedFont">
2605 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
2607 (string <B><i>tagName</i></B>)
2614 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
2620 Unsets an excluded tag name set by addInvalidHandleType
2627 <dl class="detailList">
2628 <dt class="heading">Parameters:</dt>
2631 <span class="fixedFont">string</span> <b>tagName</b>
2634 <dd>the type of element to unexclude</dd>
2652 <td class="msource">
2654 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2660 <tr class="method-row config-row-alt0 expandable">
2661 <td class="micon"><a class="exi" href="#expand"> </a></td>
2665 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2666 <div class="fixedFont">
2667 <span class="attributes"></span><b class="itemname">removeListener</b>
2669 (<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>)
2676 <div class="short">Removes a listener</div>
2689 <dl class="detailList">
2690 <dt class="heading">Parameters:</dt>
2693 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2696 <dd>The type of event to listen for</dd>
2699 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2702 <dd>The handler to remove</dd>
2705 <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>
2708 <dd>(optional) The scope (this object) for the handler</dd>
2726 <td class="msource">
2728 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2734 <tr class="method-row config-row-alt1 expandable">
2735 <td class="micon"><a class="exi" href="#expand"> </a></td>
2739 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
2740 <div class="fixedFont">
2741 <span class="attributes"></span><b class="itemname">resetConstraints</b>
2743 (boolean <B><i>maintainOffset</i></B>)
2750 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
2756 resetConstraints must be called if you manually reposition a dd element.
2763 <dl class="detailList">
2764 <dt class="heading">Parameters:</dt>
2767 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
2788 <td class="msource">
2790 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2796 <tr class="method-row config-row-alt0 expandable">
2797 <td class="micon"><a class="exi" href="#expand"> </a></td>
2801 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
2802 <div class="fixedFont">
2803 <span class="attributes"></span><b class="itemname">setDragElId</b>
2812 <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>
2818 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
2825 <dl class="detailList">
2826 <dt class="heading">Parameters:</dt>
2832 <dd>{string} the id of the element that will be used to initiate the drag</dd>
2850 <td class="msource">
2852 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2858 <tr class="method-row config-row-alt1 expandable">
2859 <td class="micon"><a class="exi" href="#expand"> </a></td>
2863 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
2864 <div class="fixedFont">
2865 <span class="attributes"></span><b class="itemname">setHandleElId</b>
2874 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
2880 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.
2887 <dl class="detailList">
2888 <dt class="heading">Parameters:</dt>
2894 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
2912 <td class="msource">
2914 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2920 <tr class="method-row config-row-alt0 expandable">
2921 <td class="micon"><a class="exi" href="#expand"> </a></td>
2925 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
2926 <div class="fixedFont">
2927 <span class="attributes"></span><b class="itemname">setInitPosition</b>
2929 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
2936 <div class="short">Stores the initial placement of the linked element.</div>
2942 Stores the initial placement of the linked element.
2949 <dl class="detailList">
2950 <dt class="heading">Parameters:</dt>
2953 <span class="fixedFont">int</span> <b>diffX</b>
2956 <dd>the X offset, default 0</dd>
2959 <span class="fixedFont">int</span> <b>diffY</b>
2962 <dd>the Y offset, default 0</dd>
2980 <td class="msource">
2982 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2988 <tr class="method-row config-row-alt1 expandable">
2989 <td class="micon"><a class="exi" href="#expand"> </a></td>
2993 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
2994 <div class="fixedFont">
2995 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
3004 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
3010 Allows you to set an element outside of the linked element as a drag<br/>handle
3017 <dl class="detailList">
3018 <dt class="heading">Parameters:</dt>
3024 <dd>the id of the element that will be used to initiate the drag</dd>
3042 <td class="msource">
3044 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3050 <tr class="method-row config-row-alt0 expandable">
3051 <td class="micon"><a class="exi" href="#expand"> </a></td>
3055 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
3056 <div class="fixedFont">
3057 <span class="attributes"></span><b class="itemname">setPadding</b>
3059 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
3066 <div class="short">Configures the padding for the target zone in px.</div>
3072 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.
3079 <dl class="detailList">
3080 <dt class="heading">Parameters:</dt>
3083 <span class="fixedFont">int</span> <b>iTop</b>
3089 <span class="fixedFont">int</span> <b>iRight</b>
3095 <span class="fixedFont">int</span> <b>iBot</b>
3101 <span class="fixedFont">int</span> <b>iLeft</b>
3122 <td class="msource">
3124 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3130 <tr class="method-row config-row-alt1 expandable">
3131 <td class="micon"><a class="exi" href="#expand"> </a></td>
3135 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
3136 <div class="fixedFont">
3137 <span class="attributes"></span><b class="itemname">setXConstraint</b>
3139 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
3146 <div class="short">By default, the element can be dragged any place on the screen.</div>
3152 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.
3159 <dl class="detailList">
3160 <dt class="heading">Parameters:</dt>
3163 <span class="fixedFont">int</span> <b>iLeft</b>
3166 <dd>the number of pixels the element can move to the left</dd>
3169 <span class="fixedFont">int</span> <b>iRight</b>
3172 <dd>the number of pixels the element can move to the<br/>right</dd>
3175 <span class="fixedFont">int</span> <b>iTickSize</b>
3178 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
3196 <td class="msource">
3198 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3204 <tr class="method-row config-row-alt0 expandable">
3205 <td class="micon"><a class="exi" href="#expand"> </a></td>
3209 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
3210 <div class="fixedFont">
3211 <span class="attributes"></span><b class="itemname">setYConstraint</b>
3213 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
3220 <div class="short">By default, the element can be dragged any place on the screen.</div>
3226 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.
3233 <dl class="detailList">
3234 <dt class="heading">Parameters:</dt>
3237 <span class="fixedFont">int</span> <b>iUp</b>
3240 <dd>the number of pixels the element can move up</dd>
3243 <span class="fixedFont">int</span> <b>iDown</b>
3246 <dd>the number of pixels the element can move down</dd>
3249 <span class="fixedFont">int</span> <b>iTickSize</b>
3252 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
3270 <td class="msource">
3272 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3278 <tr class="method-row config-row-alt1 expandable">
3279 <td class="micon"><a class="exi" href="#expand"> </a></td>
3283 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
3284 <div class="fixedFont">
3285 <span class="attributes"></span><b class="itemname">startDrag</b>
3287 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
3294 <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>
3300 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
3307 <dl class="detailList">
3308 <dt class="heading">Parameters:</dt>
3311 <span class="fixedFont">int</span> <b>X</b>
3314 <dd>click location</dd>
3317 <span class="fixedFont">int</span> <b>Y</b>
3320 <dd>click location</dd>
3338 <td class="msource">
3340 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3346 <tr class="method-row config-row-alt0 expandable">
3347 <td class="micon"><a class="exi" href="#expand"> </a></td>
3351 <a id="Roo.util.Observable-method-un" name=".un"></a>
3352 <div class="fixedFont">
3353 <span class="attributes"></span><b class="itemname">un</b>
3355 (<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>)
3362 <div class="short">Removes a listener (shorthand for removeListener)</div>
3368 Removes a listener (shorthand for removeListener)
3375 <dl class="detailList">
3376 <dt class="heading">Parameters:</dt>
3379 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
3382 <dd>The type of event to listen for</dd>
3385 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
3388 <dd>The handler to remove</dd>
3391 <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>
3394 <dd>(optional) The scope (this object) for the handler</dd>
3412 <td class="msource">
3414 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3420 <tr class="method-row config-row-alt1 expandable">
3421 <td class="micon"><a class="exi" href="#expand"> </a></td>
3425 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
3426 <div class="fixedFont">
3427 <span class="attributes"></span><b class="itemname">unlock</b>
3436 <div class="short">Unlock this instace</div>
3463 <td class="msource">
3465 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3471 <tr class="method-row config-row-alt0 expandable">
3472 <td class="micon"><a class="exi" href="#expand"> </a></td>
3476 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
3477 <div class="fixedFont">
3478 <span class="attributes"></span><b class="itemname">unreg</b>
3487 <div class="short">Remove all drag and drop hooks for this element</div>
3493 Remove all drag and drop hooks for this element
3514 <td class="msource">
3516 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3525 <!-- ============================== events summary / details ======================== -->
3528 <a id="Roo.dd.DDTarget-events"></a>
3534 <table cellspacing="0" class="member-table">
3535 <caption class="Empty">Events - Has None</caption>
3546 <!-- ============================== footer ================================= -->
3547 <div class="fineprint" style="clear:both">
3549 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Mon Feb 22 2016 14:49:18 GMT+0800 (HKT)
3551 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>