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>
151 <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>
159 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
175 <!-- ============================== public properties ==================== -->
179 <a id="Roo.dd.DDTarget-props"></a>
185 <table cellspacing="0" class="member-table">
186 <caption class="Empty">Public Properties - Has None</caption>
192 <!-- ============================== methods summary / details ======================== -->
195 <a id="Roo.dd.DDTarget-methods"></a>
196 <!-- constructor?? -->
203 <!-- then dynamics first -->
210 <table cellspacing="0" class="member-table">
211 <caption>Public Methods</caption>
213 <th class="sig-header" colspan="2">Method</th>
214 <th class="msource-header">Defined By</th>
224 <tr class="method-row config-row-alt0 expandable notInherited">
225 <td class="micon"><a class="exi" href="#expand"> </a></td>
229 <a id="Roo.dd-method-DDTarget" name=".DDTarget"></a>
230 <div class="fixedFont">
231 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DDTarget</b>
233 (<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>)
241 <div class="short">Create a new Roo.dd.DDTarget</div>
248 Create a new Roo.dd.DDTarget
251 <dl class="detailList">
252 <dt class="heading">Parameters:</dt>
255 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
258 <dd>the id of the element that is a drop target</dd>
261 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
264 <dd>the group of related DragDrop objects</dd>
267 <span class="fixedFont">object</span> <b>config</b>
270 <dd>an object containing configurable attributes<br/> Valid properties for DDTarget in addition to those in<br/> DragDrop:<br/> none</dd>
294 <tr class="method-row config-row-alt1 expandable">
295 <td class="micon"><a class="exi" href="#expand"> </a></td>
299 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
300 <div class="fixedFont">
301 <span class="attributes"></span><b class="itemname">addEvents</b>
303 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
310 <div class="short">Used to define events on this Observable</div>
316 Used to define events on this Observable
323 <dl class="detailList">
324 <dt class="heading">Parameters:</dt>
327 <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>
330 <dd>The object with the events defined</dd>
350 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
356 <tr class="method-row config-row-alt0 expandable">
357 <td class="micon"><a class="exi" href="#expand"> </a></td>
361 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
362 <div class="fixedFont">
363 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
365 (string <B><i>cssClass</i></B>)
372 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
378 Lets you specify a css class of elements that will not initiate a drag
385 <dl class="detailList">
386 <dt class="heading">Parameters:</dt>
389 <span class="fixedFont">string</span> <b>cssClass</b>
392 <dd>the class of the elements you wish to ignore</dd>
412 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
418 <tr class="method-row config-row-alt1 expandable">
419 <td class="micon"><a class="exi" href="#expand"> </a></td>
423 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
424 <div class="fixedFont">
425 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
427 (string <B><i>id</i></B>)
434 <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>
440 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
447 <dl class="detailList">
448 <dt class="heading">Parameters:</dt>
451 <span class="fixedFont">string</span> <b>id</b>
454 <dd>the element id of the element you wish to ignore</dd>
474 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
480 <tr class="method-row config-row-alt0 expandable">
481 <td class="micon"><a class="exi" href="#expand"> </a></td>
485 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
486 <div class="fixedFont">
487 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
489 (string <B><i>tagName</i></B>)
496 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
502 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.
509 <dl class="detailList">
510 <dt class="heading">Parameters:</dt>
513 <span class="fixedFont">string</span> <b>tagName</b>
516 <dd>the type of element to exclude</dd>
536 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
542 <tr class="method-row config-row-alt1 expandable">
543 <td class="micon"><a class="exi" href="#expand"> </a></td>
547 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
548 <div class="fixedFont">
549 <span class="attributes"></span><b class="itemname">addListener</b>
551 (<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>)
558 <div class="short">Appends an event handler to this component</div>
564 Appends an event handler to this component
571 <dl class="detailList">
572 <dt class="heading">Parameters:</dt>
575 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
578 <dd>The type of event to listen for</dd>
581 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
584 <dd>The method the event invokes</dd>
587 <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>
590 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
593 <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>
596 <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>
616 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
622 <tr class="method-row config-row-alt0 expandable">
623 <td class="micon"><a class="exi" href="#expand"> </a></td>
627 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
628 <div class="fixedFont">
629 <span class="attributes"></span><b class="itemname">addToGroup</b>
631 (<B><i>sGroup</i></B>)
638 <div class="short">Add this instance to a group of related drag/drop objects.</div>
644 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.
651 <dl class="detailList">
652 <dt class="heading">Parameters:</dt>
658 <dd>{string} the name of the group</dd>
678 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
684 <tr class="method-row config-row-alt1 expandable">
685 <td class="micon"><a class="exi" href="#expand"> </a></td>
689 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
690 <div class="fixedFont">
691 <span class="attributes"></span><b class="itemname">applyConfig</b>
700 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
706 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.
729 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
735 <tr class="method-row config-row-alt0 expandable">
736 <td class="micon"><a class="exi" href="#expand"> </a></td>
740 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
741 <div class="fixedFont">
742 <span class="attributes"></span><b class="itemname">clearConstraints</b>
751 <div class="short">Clears any constraints applied to this instance.</div>
757 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
780 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
786 <tr class="method-row config-row-alt1 expandable">
787 <td class="micon"><a class="exi" href="#expand"> </a></td>
791 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
792 <div class="fixedFont">
793 <span class="attributes"></span><b class="itemname">clearTicks</b>
802 <div class="short">Clears any tick interval defined for this instance</div>
808 Clears any tick interval defined for this instance
831 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
837 <tr class="method-row config-row-alt0 expandable">
838 <td class="micon"><a class="exi" href="#expand"> </a></td>
842 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
843 <div class="fixedFont">
844 <span class="attributes"></span><b class="itemname">endDrag</b>
846 (Event <B><i>e</i></B>)
853 <div class="short">Fired when we are done dragging the object</div>
859 Fired when we are done dragging the object
866 <dl class="detailList">
867 <dt class="heading">Parameters:</dt>
870 <span class="fixedFont">Event</span> <b>e</b>
873 <dd>the mouseup event</dd>
893 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
899 <tr class="method-row config-row-alt1 expandable">
900 <td class="micon"><a class="exi" href="#expand"> </a></td>
904 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
905 <div class="fixedFont">
906 <span class="attributes"></span><b class="itemname">fireEvent</b>
908 (<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>)
914 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
923 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
929 Fires the specified event with the passed parameters (minus the event name).
936 <dl class="detailList">
937 <dt class="heading">Parameters:</dt>
940 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
946 <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>
949 <dd>Variable number of parameters are passed to handlers</dd>
957 <dl class="detailList">
958 <dt class="heading">Returns:</dt>
960 <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>
976 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
982 <tr class="method-row config-row-alt0 expandable">
983 <td class="micon"><a class="exi" href="#expand"> </a></td>
987 <a id="Roo.dd.DragDrop-method-function toString() {
989 }" name=".function toString() {
992 <div class="fixedFont">
993 <span class="attributes"></span><b class="itemname">function toString() {
1012 <div class="short">toString method</div>
1029 <dl class="detailList">
1030 <dt class="heading">Returns:</dt>
1032 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1046 <td class="msource">
1048 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1054 <tr class="method-row config-row-alt1 expandable">
1055 <td class="micon"><a class="exi" href="#expand"> </a></td>
1059 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
1060 <div class="fixedFont">
1061 <span class="attributes"></span><b class="itemname">getDragEl</b>
1069 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1078 <div class="short">Returns a reference to the actual element to drag.</div>
1084 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
1095 <dl class="detailList">
1096 <dt class="heading">Returns:</dt>
1098 <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>
1112 <td class="msource">
1114 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1120 <tr class="method-row config-row-alt0 expandable">
1121 <td class="micon"><a class="exi" href="#expand"> </a></td>
1125 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
1126 <div class="fixedFont">
1127 <span class="attributes"></span><b class="itemname">getEl</b>
1135 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1144 <div class="short">Returns a reference to the linked element</div>
1150 Returns a reference to the linked element
1161 <dl class="detailList">
1162 <dt class="heading">Returns:</dt>
1164 <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>
1178 <td class="msource">
1180 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1186 <tr class="method-row config-row-alt1 expandable">
1187 <td class="micon"><a class="exi" href="#expand"> </a></td>
1191 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1192 <div class="fixedFont">
1193 <span class="attributes"></span><b class="itemname">hasListener</b>
1195 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1201 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1210 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1216 Checks to see if this object has any listeners for a specified event
1223 <dl class="detailList">
1224 <dt class="heading">Parameters:</dt>
1227 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1230 <dd>The name of the event to check for</dd>
1238 <dl class="detailList">
1239 <dt class="heading">Returns:</dt>
1241 <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>
1255 <td class="msource">
1257 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1263 <tr class="method-row config-row-alt0 expandable">
1264 <td class="micon"><a class="exi" href="#expand"> </a></td>
1268 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
1269 <div class="fixedFont">
1270 <span class="attributes"></span><b class="itemname">init</b>
1272 (<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>)
1279 <div class="short">Sets up the DragDrop object.</div>
1285 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
1292 <dl class="detailList">
1293 <dt class="heading">Parameters:</dt>
1299 <dd>the id of the linked element</dd>
1302 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1305 <dd>the group of related items</dd>
1308 <span class="fixedFont">object</span> <b>config</b>
1311 <dd>configuration attributes</dd>
1329 <td class="msource">
1331 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1337 <tr class="method-row config-row-alt1 expandable">
1338 <td class="micon"><a class="exi" href="#expand"> </a></td>
1342 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
1343 <div class="fixedFont">
1344 <span class="attributes"></span><b class="itemname">initTarget</b>
1346 (<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>)
1353 <div class="short">Initializes Targeting functionality only.</div>
1359 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
1366 <dl class="detailList">
1367 <dt class="heading">Parameters:</dt>
1373 <dd>the id of the linked element</dd>
1376 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
1379 <dd>the group of related items</dd>
1382 <span class="fixedFont">object</span> <b>config</b>
1385 <dd>configuration attributes</dd>
1403 <td class="msource">
1405 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1411 <tr class="method-row config-row-alt0 expandable">
1412 <td class="micon"><a class="exi" href="#expand"> </a></td>
1416 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
1417 <div class="fixedFont">
1418 <span class="attributes"></span><b class="itemname">isLocked</b>
1435 <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>
1441 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.)
1452 <dl class="detailList">
1453 <dt class="heading">Returns:</dt>
1455 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
1469 <td class="msource">
1471 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1477 <tr class="method-row config-row-alt1 expandable">
1478 <td class="micon"><a class="exi" href="#expand"> </a></td>
1482 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
1483 <div class="fixedFont">
1484 <span class="attributes"></span><b class="itemname">isTarget</b>
1493 <div class="short">By default, all insances can be a drop target.</div>
1499 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
1520 <td class="msource">
1522 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1528 <tr class="method-row config-row-alt0 expandable">
1529 <td class="micon"><a class="exi" href="#expand"> </a></td>
1533 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
1534 <div class="fixedFont">
1535 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
1537 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
1552 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
1558 Checks the tag exclusion list to see if this click should be ignored
1565 <dl class="detailList">
1566 <dt class="heading">Parameters:</dt>
1569 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
1572 <dd>the HTMLElement to evaluate</dd>
1580 <dl class="detailList">
1581 <dt class="heading">Returns:</dt>
1583 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
1597 <td class="msource">
1599 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1605 <tr class="method-row config-row-alt1 expandable">
1606 <td class="micon"><a class="exi" href="#expand"> </a></td>
1610 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
1611 <div class="fixedFont">
1612 <span class="attributes"></span><b class="itemname">lock</b>
1621 <div class="short">Lock this instance</div>
1648 <td class="msource">
1650 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1656 <tr class="method-row config-row-alt0 expandable">
1657 <td class="micon"><a class="exi" href="#expand"> </a></td>
1661 <a id="Roo.util.Observable-method-on" name=".on"></a>
1662 <div class="fixedFont">
1663 <span class="attributes"></span><b class="itemname">on</b>
1665 (<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>)
1672 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1678 Appends an event handler to this element (shorthand for addListener)
1685 <dl class="detailList">
1686 <dt class="heading">Parameters:</dt>
1689 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1692 <dd>The type of event to listen for</dd>
1695 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1698 <dd>The method the event invokes</dd>
1701 <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>
1704 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1707 <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>
1728 <td class="msource">
1730 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1736 <tr class="method-row config-row-alt1 expandable">
1737 <td class="micon"><a class="exi" href="#expand"> </a></td>
1741 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
1742 <div class="fixedFont">
1743 <span class="attributes"></span><b class="itemname">onAvailable</b>
1752 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
1758 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
1779 <td class="msource">
1781 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1787 <tr class="method-row config-row-alt0 expandable">
1788 <td class="micon"><a class="exi" href="#expand"> </a></td>
1792 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
1793 <div class="fixedFont">
1794 <span class="attributes"></span><b class="itemname">onDrag</b>
1796 (Event <B><i>e</i></B>)
1803 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
1809 Abstract method called during the onMouseMove event while dragging an<br/>object.
1816 <dl class="detailList">
1817 <dt class="heading">Parameters:</dt>
1820 <span class="fixedFont">Event</span> <b>e</b>
1823 <dd>the mousemove event</dd>
1841 <td class="msource">
1843 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1849 <tr class="method-row config-row-alt1 expandable">
1850 <td class="micon"><a class="exi" href="#expand"> </a></td>
1854 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
1855 <div class="fixedFont">
1856 <span class="attributes"></span><b class="itemname">onDragDrop</b>
1858 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1865 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
1871 Abstract method called when this item is dropped on another DragDrop<br/>obj
1878 <dl class="detailList">
1879 <dt class="heading">Parameters:</dt>
1882 <span class="fixedFont">Event</span> <b>e</b>
1885 <dd>the mouseup event</dd>
1888 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1891 <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>
1909 <td class="msource">
1911 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1917 <tr class="method-row config-row-alt0 expandable">
1918 <td class="micon"><a class="exi" href="#expand"> </a></td>
1922 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
1923 <div class="fixedFont">
1924 <span class="attributes"></span><b class="itemname">onDragEnter</b>
1926 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
1933 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
1939 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
1946 <dl class="detailList">
1947 <dt class="heading">Parameters:</dt>
1950 <span class="fixedFont">Event</span> <b>e</b>
1953 <dd>the mousemove event</dd>
1956 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
1959 <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>
1977 <td class="msource">
1979 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1985 <tr class="method-row config-row-alt1 expandable">
1986 <td class="micon"><a class="exi" href="#expand"> </a></td>
1990 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
1991 <div class="fixedFont">
1992 <span class="attributes"></span><b class="itemname">onDragOut</b>
1994 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2001 <div class="short">Abstract method called when we are no longer hovering over an element</div>
2007 Abstract method called when we are no longer hovering over an element
2014 <dl class="detailList">
2015 <dt class="heading">Parameters:</dt>
2018 <span class="fixedFont">Event</span> <b>e</b>
2021 <dd>the mousemove event</dd>
2024 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2027 <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>
2045 <td class="msource">
2047 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2053 <tr class="method-row config-row-alt0 expandable">
2054 <td class="micon"><a class="exi" href="#expand"> </a></td>
2058 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
2059 <div class="fixedFont">
2060 <span class="attributes"></span><b class="itemname">onDragOver</b>
2062 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
2069 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
2075 Abstract method called when this element is hovering over another<br/>DragDrop obj
2082 <dl class="detailList">
2083 <dt class="heading">Parameters:</dt>
2086 <span class="fixedFont">Event</span> <b>e</b>
2089 <dd>the mousemove event</dd>
2092 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
2095 <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>
2113 <td class="msource">
2115 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2121 <tr class="method-row config-row-alt1 expandable">
2122 <td class="micon"><a class="exi" href="#expand"> </a></td>
2126 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
2127 <div class="fixedFont">
2128 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
2130 (Event <B><i>e</i></B>)
2137 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
2143 Abstract method called when this item is dropped on an area with no<br/>drop target
2150 <dl class="detailList">
2151 <dt class="heading">Parameters:</dt>
2154 <span class="fixedFont">Event</span> <b>e</b>
2157 <dd>the mouseup event</dd>
2175 <td class="msource">
2177 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2183 <tr class="method-row config-row-alt0 expandable">
2184 <td class="micon"><a class="exi" href="#expand"> </a></td>
2188 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
2189 <div class="fixedFont">
2190 <span class="attributes"></span><b class="itemname">onMouseDown</b>
2192 (Event <B><i>e</i></B>)
2199 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
2205 Event handler that fires when a drag/drop obj gets a mousedown
2212 <dl class="detailList">
2213 <dt class="heading">Parameters:</dt>
2216 <span class="fixedFont">Event</span> <b>e</b>
2219 <dd>the mousedown event</dd>
2237 <td class="msource">
2239 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2245 <tr class="method-row config-row-alt1 expandable">
2246 <td class="micon"><a class="exi" href="#expand"> </a></td>
2250 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
2251 <div class="fixedFont">
2252 <span class="attributes"></span><b class="itemname">onMouseUp</b>
2254 (Event <B><i>e</i></B>)
2261 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
2267 Event handler that fires when a drag/drop obj gets a mouseup
2274 <dl class="detailList">
2275 <dt class="heading">Parameters:</dt>
2278 <span class="fixedFont">Event</span> <b>e</b>
2281 <dd>the mouseup event</dd>
2299 <td class="msource">
2301 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2307 <tr class="method-row config-row-alt0 expandable">
2308 <td class="micon"><a class="exi" href="#expand"> </a></td>
2312 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
2313 <div class="fixedFont">
2314 <span class="attributes"></span><b class="itemname">padding</b>
2323 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
2329 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
2350 <td class="msource">
2352 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2358 <tr class="method-row config-row-alt1 expandable">
2359 <td class="micon"><a class="exi" href="#expand"> </a></td>
2363 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
2364 <div class="fixedFont">
2365 <span class="attributes"></span><b class="itemname">purgeListeners</b>
2374 <div class="short">Removes all listeners for this object</div>
2380 Removes all listeners for this object
2401 <td class="msource">
2403 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2409 <tr class="method-row config-row-alt0 expandable">
2410 <td class="micon"><a class="exi" href="#expand"> </a></td>
2414 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
2415 <div class="fixedFont">
2416 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
2418 (string <B><i>sGroup</i></B>)
2425 <div class="short">Remove's this instance from the supplied interaction group</div>
2431 Remove's this instance from the supplied interaction group
2438 <dl class="detailList">
2439 <dt class="heading">Parameters:</dt>
2442 <span class="fixedFont">string</span> <b>sGroup</b>
2445 <dd>The group to drop</dd>
2463 <td class="msource">
2465 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2471 <tr class="method-row config-row-alt1 expandable">
2472 <td class="micon"><a class="exi" href="#expand"> </a></td>
2476 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
2477 <div class="fixedFont">
2478 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
2480 (string <B><i>cssClass</i></B>)
2487 <div class="short">Unsets an invalid css class</div>
2493 Unsets an invalid css class
2500 <dl class="detailList">
2501 <dt class="heading">Parameters:</dt>
2504 <span class="fixedFont">string</span> <b>cssClass</b>
2507 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
2525 <td class="msource">
2527 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2533 <tr class="method-row config-row-alt0 expandable">
2534 <td class="micon"><a class="exi" href="#expand"> </a></td>
2538 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
2539 <div class="fixedFont">
2540 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
2542 (string <B><i>id</i></B>)
2549 <div class="short">Unsets an invalid handle id</div>
2555 Unsets an invalid handle id
2562 <dl class="detailList">
2563 <dt class="heading">Parameters:</dt>
2566 <span class="fixedFont">string</span> <b>id</b>
2569 <dd>the id of the element to re-enable</dd>
2587 <td class="msource">
2589 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2595 <tr class="method-row config-row-alt1 expandable">
2596 <td class="micon"><a class="exi" href="#expand"> </a></td>
2600 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
2601 <div class="fixedFont">
2602 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
2604 (string <B><i>tagName</i></B>)
2611 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
2617 Unsets an excluded tag name set by addInvalidHandleType
2624 <dl class="detailList">
2625 <dt class="heading">Parameters:</dt>
2628 <span class="fixedFont">string</span> <b>tagName</b>
2631 <dd>the type of element to unexclude</dd>
2649 <td class="msource">
2651 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2657 <tr class="method-row config-row-alt0 expandable">
2658 <td class="micon"><a class="exi" href="#expand"> </a></td>
2662 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2663 <div class="fixedFont">
2664 <span class="attributes"></span><b class="itemname">removeListener</b>
2666 (<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>)
2673 <div class="short">Removes a listener</div>
2686 <dl class="detailList">
2687 <dt class="heading">Parameters:</dt>
2690 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2693 <dd>The type of event to listen for</dd>
2696 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2699 <dd>The handler to remove</dd>
2702 <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>
2705 <dd>(optional) The scope (this object) for the handler</dd>
2723 <td class="msource">
2725 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2731 <tr class="method-row config-row-alt1 expandable">
2732 <td class="micon"><a class="exi" href="#expand"> </a></td>
2736 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
2737 <div class="fixedFont">
2738 <span class="attributes"></span><b class="itemname">resetConstraints</b>
2740 (boolean <B><i>maintainOffset</i></B>)
2747 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
2753 resetConstraints must be called if you manually reposition a dd element.
2760 <dl class="detailList">
2761 <dt class="heading">Parameters:</dt>
2764 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
2785 <td class="msource">
2787 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2793 <tr class="method-row config-row-alt0 expandable">
2794 <td class="micon"><a class="exi" href="#expand"> </a></td>
2798 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
2799 <div class="fixedFont">
2800 <span class="attributes"></span><b class="itemname">setDragElId</b>
2809 <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>
2815 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
2822 <dl class="detailList">
2823 <dt class="heading">Parameters:</dt>
2829 <dd>{string} the id of the element that will be used to initiate the drag</dd>
2847 <td class="msource">
2849 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2855 <tr class="method-row config-row-alt1 expandable">
2856 <td class="micon"><a class="exi" href="#expand"> </a></td>
2860 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
2861 <div class="fixedFont">
2862 <span class="attributes"></span><b class="itemname">setHandleElId</b>
2871 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
2877 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.
2884 <dl class="detailList">
2885 <dt class="heading">Parameters:</dt>
2891 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
2909 <td class="msource">
2911 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2917 <tr class="method-row config-row-alt0 expandable">
2918 <td class="micon"><a class="exi" href="#expand"> </a></td>
2922 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
2923 <div class="fixedFont">
2924 <span class="attributes"></span><b class="itemname">setInitPosition</b>
2926 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
2933 <div class="short">Stores the initial placement of the linked element.</div>
2939 Stores the initial placement of the linked element.
2946 <dl class="detailList">
2947 <dt class="heading">Parameters:</dt>
2950 <span class="fixedFont">int</span> <b>diffX</b>
2953 <dd>the X offset, default 0</dd>
2956 <span class="fixedFont">int</span> <b>diffY</b>
2959 <dd>the Y offset, default 0</dd>
2977 <td class="msource">
2979 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2985 <tr class="method-row config-row-alt1 expandable">
2986 <td class="micon"><a class="exi" href="#expand"> </a></td>
2990 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
2991 <div class="fixedFont">
2992 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
3001 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
3007 Allows you to set an element outside of the linked element as a drag<br/>handle
3014 <dl class="detailList">
3015 <dt class="heading">Parameters:</dt>
3021 <dd>the id of the element that will be used to initiate the drag</dd>
3039 <td class="msource">
3041 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3047 <tr class="method-row config-row-alt0 expandable">
3048 <td class="micon"><a class="exi" href="#expand"> </a></td>
3052 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
3053 <div class="fixedFont">
3054 <span class="attributes"></span><b class="itemname">setPadding</b>
3056 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
3063 <div class="short">Configures the padding for the target zone in px.</div>
3069 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.
3076 <dl class="detailList">
3077 <dt class="heading">Parameters:</dt>
3080 <span class="fixedFont">int</span> <b>iTop</b>
3086 <span class="fixedFont">int</span> <b>iRight</b>
3092 <span class="fixedFont">int</span> <b>iBot</b>
3098 <span class="fixedFont">int</span> <b>iLeft</b>
3119 <td class="msource">
3121 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3127 <tr class="method-row config-row-alt1 expandable">
3128 <td class="micon"><a class="exi" href="#expand"> </a></td>
3132 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
3133 <div class="fixedFont">
3134 <span class="attributes"></span><b class="itemname">setXConstraint</b>
3136 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
3143 <div class="short">By default, the element can be dragged any place on the screen.</div>
3149 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.
3156 <dl class="detailList">
3157 <dt class="heading">Parameters:</dt>
3160 <span class="fixedFont">int</span> <b>iLeft</b>
3163 <dd>the number of pixels the element can move to the left</dd>
3166 <span class="fixedFont">int</span> <b>iRight</b>
3169 <dd>the number of pixels the element can move to the<br/>right</dd>
3172 <span class="fixedFont">int</span> <b>iTickSize</b>
3175 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
3193 <td class="msource">
3195 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3201 <tr class="method-row config-row-alt0 expandable">
3202 <td class="micon"><a class="exi" href="#expand"> </a></td>
3206 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
3207 <div class="fixedFont">
3208 <span class="attributes"></span><b class="itemname">setYConstraint</b>
3210 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
3217 <div class="short">By default, the element can be dragged any place on the screen.</div>
3223 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.
3230 <dl class="detailList">
3231 <dt class="heading">Parameters:</dt>
3234 <span class="fixedFont">int</span> <b>iUp</b>
3237 <dd>the number of pixels the element can move up</dd>
3240 <span class="fixedFont">int</span> <b>iDown</b>
3243 <dd>the number of pixels the element can move down</dd>
3246 <span class="fixedFont">int</span> <b>iTickSize</b>
3249 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
3267 <td class="msource">
3269 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3275 <tr class="method-row config-row-alt1 expandable">
3276 <td class="micon"><a class="exi" href="#expand"> </a></td>
3280 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
3281 <div class="fixedFont">
3282 <span class="attributes"></span><b class="itemname">startDrag</b>
3284 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
3291 <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>
3297 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
3304 <dl class="detailList">
3305 <dt class="heading">Parameters:</dt>
3308 <span class="fixedFont">int</span> <b>X</b>
3311 <dd>click location</dd>
3314 <span class="fixedFont">int</span> <b>Y</b>
3317 <dd>click location</dd>
3335 <td class="msource">
3337 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3343 <tr class="method-row config-row-alt0 expandable">
3344 <td class="micon"><a class="exi" href="#expand"> </a></td>
3348 <a id="Roo.util.Observable-method-un" name=".un"></a>
3349 <div class="fixedFont">
3350 <span class="attributes"></span><b class="itemname">un</b>
3352 (<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>)
3359 <div class="short">Removes a listener (shorthand for removeListener)</div>
3365 Removes a listener (shorthand for removeListener)
3372 <dl class="detailList">
3373 <dt class="heading">Parameters:</dt>
3376 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
3379 <dd>The type of event to listen for</dd>
3382 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
3385 <dd>The handler to remove</dd>
3388 <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>
3391 <dd>(optional) The scope (this object) for the handler</dd>
3409 <td class="msource">
3411 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3417 <tr class="method-row config-row-alt1 expandable">
3418 <td class="micon"><a class="exi" href="#expand"> </a></td>
3422 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
3423 <div class="fixedFont">
3424 <span class="attributes"></span><b class="itemname">unlock</b>
3433 <div class="short">Unlock this instace</div>
3460 <td class="msource">
3462 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3468 <tr class="method-row config-row-alt0 expandable">
3469 <td class="micon"><a class="exi" href="#expand"> </a></td>
3473 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
3474 <div class="fixedFont">
3475 <span class="attributes"></span><b class="itemname">unreg</b>
3484 <div class="short">Remove all drag and drop hooks for this element</div>
3490 Remove all drag and drop hooks for this element
3511 <td class="msource">
3513 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3522 <!-- ============================== events summary / details ======================== -->
3525 <a id="Roo.dd.DDTarget-events"></a>
3531 <table cellspacing="0" class="member-table">
3532 <caption class="Empty">Events - Has None</caption>
3543 <!-- ============================== footer ================================= -->
3544 <div class="fineprint" style="clear:both">
3546 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)
3548 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>