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.DragZone</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.DragZone-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.dd.DragZone-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.dd.DragZone-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.dd.DragZone-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
50 <img src="../../images/default/s.gif" height="1" width="80"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
51 <img src="../../images/default/s.gif" height="1" width="100"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DragZone
56 <!-- ============================== class title / details ============================ -->
59 <h1 class="classTitle">
64 <table cellspacing="0" class="class-summary-table">
66 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
68 <tr><td class="label">Defined In:</td><td class="hd-info">
70 <a href="./src/Roo_dd_DragZone.js.html">Roo/dd/DragZone.js</a>.
73 <tr><td class="label">Class:</td><td class="hd-info">DragZone</td></tr>
78 <tr><td class="label">Extends:</td><td class="hd-info">
79 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
87 <!-- ============================== class summary ========================== -->
88 <div class="description">
89 This class provides a container DD instance that proxies for multiple child node sources.<br /><br/>By default, this class requires that draggable child nodes are registered with {<b>link</b> Roo.dd.Registry}.
93 <!-- ============================== Class comment block... ========================== -->
95 <div class="comments">
96 <b>Class Comments / Notes</B> =>
97 <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DragZone';">[Add Your comment/notes about this class]</u>
99 <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
100 src="/blog.php/GtkDjsComments/Roo.dd.DragZone.html"></iframe>
105 <!-- ============================== config options ========================== -->
110 <div class="hr"></div>
111 <a id="Roo.dd.DragZone-configs"></a>
117 <table cellspacing="0" class="member-table">
118 <caption>Config Options (Usually are also Properties)</caption>
122 <th class="sig-header" colspan="2">Options</th>
124 <th class="msource-header">Defined By</th>
131 <tr class="config-row expandable config-row-alt0 notInherited">
132 <td class="micon"><a class="exi" href="#expand"> </a></td>
135 <a id="Roo.dd.DragZone-cfg-containerScroll" name=".containerScroll"></a>
136 <div class="fixedFont">
137 <b class="itemname">containerScroll</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
143 <div class="short">True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.</div>
147 <div class="long">True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.</div>
161 <tr class="config-row expandable config-row-alt1">
162 <td class="micon"><a class="exi" href="#expand"> </a></td>
165 <a id="Roo.dd.DragSource-cfg-dropAllowed" name=".dropAllowed"></a>
166 <div class="fixedFont">
167 <b class="itemname">dropAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
173 <div class="short">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
177 <div class="long">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
185 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
191 <tr class="config-row expandable config-row-alt0">
192 <td class="micon"><a class="exi" href="#expand"> </a></td>
195 <a id="Roo.dd.DragSource-cfg-dropNotAllowed" name=".dropNotAllowed"></a>
196 <div class="fixedFont">
197 <b class="itemname">dropNotAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
203 <div class="short">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
207 <div class="long">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
215 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
221 <tr class="config-row expandable config-row-alt1 notInherited">
222 <td class="micon"><a class="exi" href="#expand"> </a></td>
225 <a id="Roo.dd.DragZone-cfg-hlColor" name=".hlColor"></a>
226 <div class="fixedFont">
227 <b class="itemname">hlColor</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
233 <div class="short">The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)</div>
237 <div class="long">The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)</div>
251 <tr class="config-row expandable config-row-alt0">
252 <td class="micon"><a class="exi" href="#expand"> </a></td>
255 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
256 <div class="fixedFont">
257 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
263 <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>
267 <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>
275 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
291 <!-- ============================== public properties ==================== -->
295 <a id="Roo.dd.DragZone-props"></a>
303 <table cellspacing="0" class="member-table">
304 <caption>Public Properties </caption>
306 <th class="sig-header" colspan="2">Property</th>
307 <th class="sig-header">Description</th>
308 <th class="msource-header">Defined By</th>
318 <tr class="property-row config-row-alt0">
320 <a class="exi" href="#expand"> </a>
323 <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
324 <div class="fixedFont">
325 <span class="attributes">Roo.dd.DragZone.</span><b class="itemname">dragElId</b> :
326 <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
334 The default drag frame div id
342 The default drag frame div id
349 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
358 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
359 <tr class="property-row alt">
366 <!-- ============================== methods summary / details ======================== -->
369 <a id="Roo.dd.DragZone-methods"></a>
370 <!-- constructor?? -->
377 <!-- then dynamics first -->
384 <table cellspacing="0" class="member-table">
385 <caption>Public Methods</caption>
387 <th class="sig-header" colspan="2">Method</th>
388 <th class="msource-header">Defined By</th>
398 <tr class="method-row config-row-alt0 expandable notInherited">
399 <td class="micon"><a class="exi" href="#expand"> </a></td>
403 <a id="Roo.dd-method-DragZone" name=".DragZone"></a>
404 <div class="fixedFont">
405 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DragZone</b>
407 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
415 <div class="short">Create a new Roo.dd.DragZone</div>
422 Create a new Roo.dd.DragZone
425 <dl class="detailList">
426 <dt class="heading">Parameters:</dt>
429 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
432 <dd>The container element</dd>
435 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
462 <tr class="method-row config-row-alt1 expandable">
463 <td class="micon"><a class="exi" href="#expand"> </a></td>
467 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
468 <div class="fixedFont">
469 <span class="attributes"></span><b class="itemname">addEvents</b>
471 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
478 <div class="short">Used to define events on this Observable</div>
484 Used to define events on this Observable
491 <dl class="detailList">
492 <dt class="heading">Parameters:</dt>
495 <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>
498 <dd>The object with the events defined</dd>
518 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
524 <tr class="method-row config-row-alt0 expandable">
525 <td class="micon"><a class="exi" href="#expand"> </a></td>
529 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
530 <div class="fixedFont">
531 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
533 (string <B><i>cssClass</i></B>)
540 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
546 Lets you specify a css class of elements that will not initiate a drag
553 <dl class="detailList">
554 <dt class="heading">Parameters:</dt>
557 <span class="fixedFont">string</span> <b>cssClass</b>
560 <dd>the class of the elements you wish to ignore</dd>
580 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
586 <tr class="method-row config-row-alt1 expandable">
587 <td class="micon"><a class="exi" href="#expand"> </a></td>
591 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
592 <div class="fixedFont">
593 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
595 (string <B><i>id</i></B>)
602 <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>
608 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
615 <dl class="detailList">
616 <dt class="heading">Parameters:</dt>
619 <span class="fixedFont">string</span> <b>id</b>
622 <dd>the element id of the element you wish to ignore</dd>
642 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
648 <tr class="method-row config-row-alt0 expandable">
649 <td class="micon"><a class="exi" href="#expand"> </a></td>
653 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
654 <div class="fixedFont">
655 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
657 (string <B><i>tagName</i></B>)
664 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
670 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.
677 <dl class="detailList">
678 <dt class="heading">Parameters:</dt>
681 <span class="fixedFont">string</span> <b>tagName</b>
684 <dd>the type of element to exclude</dd>
704 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
710 <tr class="method-row config-row-alt1 expandable">
711 <td class="micon"><a class="exi" href="#expand"> </a></td>
715 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
716 <div class="fixedFont">
717 <span class="attributes"></span><b class="itemname">addListener</b>
719 (<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>)
726 <div class="short">Appends an event handler to this component</div>
732 Appends an event handler to this component
739 <dl class="detailList">
740 <dt class="heading">Parameters:</dt>
743 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
746 <dd>The type of event to listen for</dd>
749 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
752 <dd>The method the event invokes</dd>
755 <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>
758 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
761 <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>
764 <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>
784 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
790 <tr class="method-row config-row-alt0 expandable">
791 <td class="micon"><a class="exi" href="#expand"> </a></td>
795 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
796 <div class="fixedFont">
797 <span class="attributes"></span><b class="itemname">addToGroup</b>
799 (<B><i>sGroup</i></B>)
806 <div class="short">Add this instance to a group of related drag/drop objects.</div>
812 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.
819 <dl class="detailList">
820 <dt class="heading">Parameters:</dt>
826 <dd>{string} the name of the group</dd>
846 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
852 <tr class="method-row config-row-alt1 expandable notInherited">
853 <td class="micon"><a class="exi" href="#expand"> </a></td>
857 <a id="Roo.dd.DragZone-method-afterRepair" name=".afterRepair"></a>
858 <div class="fixedFont">
859 <span class="attributes"></span><b class="itemname">afterRepair</b>
868 <div class="short">Called after a repair of an invalid drop.</div>
874 Called after a repair of an invalid drop. By default, highlights this.dragData.ddel
903 <tr class="method-row config-row-alt0 expandable">
904 <td class="micon"><a class="exi" href="#expand"> </a></td>
908 <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
909 <div class="fixedFont">
910 <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
912 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>el</i></B>, int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
919 <div class="short">Sets the element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked.</div>
925 Sets the element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked. Override this if you want to place the element in a<br/>location other than where the cursor is.
932 <dl class="detailList">
933 <dt class="heading">Parameters:</dt>
936 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
939 <dd>the element to move</dd>
942 <span class="fixedFont">int</span> <b>iPageX</b>
945 <dd>the X coordinate of the mousedown or drag event</dd>
948 <span class="fixedFont">int</span> <b>iPageY</b>
951 <dd>the Y coordinate of the mousedown or drag event</dd>
971 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
977 <tr class="method-row config-row-alt1 expandable">
978 <td class="micon"><a class="exi" href="#expand"> </a></td>
982 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
983 <div class="fixedFont">
984 <span class="attributes"></span><b class="itemname">applyConfig</b>
993 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
999 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.
1020 <td class="msource">
1022 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1028 <tr class="method-row config-row-alt0 expandable">
1029 <td class="micon"><a class="exi" href="#expand"> </a></td>
1033 <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
1034 <div class="fixedFont">
1035 <span class="attributes"></span><b class="itemname">autoOffset</b>
1037 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
1044 <div class="short">Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked</div>
1050 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
1057 <dl class="detailList">
1058 <dt class="heading">Parameters:</dt>
1061 <span class="fixedFont">int</span> <b>iPageX</b>
1064 <dd>the X coordinate of the click</dd>
1067 <span class="fixedFont">int</span> <b>iPageY</b>
1070 <dd>the Y coordinate of the click</dd>
1088 <td class="msource">
1090 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
1096 <tr class="method-row config-row-alt1 expandable">
1097 <td class="micon"><a class="exi" href="#expand"> </a></td>
1101 <a id="Roo.dd.DragSource-method-beforeDragDrop" name=".beforeDragDrop"></a>
1102 <div class="fixedFont">
1103 <span class="attributes"></span><b class="itemname">beforeDragDrop</b>
1105 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1111 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1120 <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.</div>
1126 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.
1133 <dl class="detailList">
1134 <dt class="heading">Parameters:</dt>
1137 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1140 <dd>The drop target</dd>
1143 <span class="fixedFont">Event</span> <b>e</b>
1146 <dd>The event object</dd>
1149 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1152 <dd>The id of the dragged element</dd>
1160 <dl class="detailList">
1161 <dt class="heading">Returns:</dt>
1163 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag drop event is valid, else false to cancel</dd>
1177 <td class="msource">
1179 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1185 <tr class="method-row config-row-alt0 expandable">
1186 <td class="micon"><a class="exi" href="#expand"> </a></td>
1190 <a id="Roo.dd.DragSource-method-beforeDragEnter" name=".beforeDragEnter"></a>
1191 <div class="fixedFont">
1192 <span class="attributes"></span><b class="itemname">beforeDragEnter</b>
1194 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1200 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1209 <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.</div>
1215 An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.
1222 <dl class="detailList">
1223 <dt class="heading">Parameters:</dt>
1226 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1229 <dd>The drop target</dd>
1232 <span class="fixedFont">Event</span> <b>e</b>
1235 <dd>The event object</dd>
1238 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1241 <dd>The id of the dragged element</dd>
1249 <dl class="detailList">
1250 <dt class="heading">Returns:</dt>
1252 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1266 <td class="msource">
1268 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1274 <tr class="method-row config-row-alt1 expandable">
1275 <td class="micon"><a class="exi" href="#expand"> </a></td>
1279 <a id="Roo.dd.DragSource-method-beforeDragOut" name=".beforeDragOut"></a>
1280 <div class="fixedFont">
1281 <span class="attributes"></span><b class="itemname">beforeDragOut</b>
1283 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1289 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1298 <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.</div>
1304 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.
1311 <dl class="detailList">
1312 <dt class="heading">Parameters:</dt>
1315 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1318 <dd>The drop target</dd>
1321 <span class="fixedFont">Event</span> <b>e</b>
1324 <dd>The event object</dd>
1327 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1330 <dd>The id of the dragged element</dd>
1338 <dl class="detailList">
1339 <dt class="heading">Returns:</dt>
1341 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1355 <td class="msource">
1357 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1363 <tr class="method-row config-row-alt0 expandable">
1364 <td class="micon"><a class="exi" href="#expand"> </a></td>
1368 <a id="Roo.dd.DragSource-method-beforeDragOver" name=".beforeDragOver"></a>
1369 <div class="fixedFont">
1370 <span class="attributes"></span><b class="itemname">beforeDragOver</b>
1372 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1378 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1387 <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.</div>
1393 An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.
1400 <dl class="detailList">
1401 <dt class="heading">Parameters:</dt>
1404 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1407 <dd>The drop target</dd>
1410 <span class="fixedFont">Event</span> <b>e</b>
1413 <dd>The event object</dd>
1416 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1419 <dd>The id of the dragged element</dd>
1427 <dl class="detailList">
1428 <dt class="heading">Returns:</dt>
1430 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
1444 <td class="msource">
1446 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1452 <tr class="method-row config-row-alt1 expandable">
1453 <td class="micon"><a class="exi" href="#expand"> </a></td>
1457 <a id="Roo.dd.DragSource-method-beforeInvalidDrop" name=".beforeInvalidDrop"></a>
1458 <div class="fixedFont">
1459 <span class="attributes"></span><b class="itemname">beforeInvalidDrop</b>
1461 (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1467 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1476 <div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.</div>
1482 An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.
1489 <dl class="detailList">
1490 <dt class="heading">Parameters:</dt>
1493 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span> <b>target</b>
1496 <dd>The drop target</dd>
1499 <span class="fixedFont">Event</span> <b>e</b>
1502 <dd>The event object</dd>
1505 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1508 <dd>The id of the dragged element</dd>
1516 <dl class="detailList">
1517 <dt class="heading">Returns:</dt>
1519 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the invalid drop should proceed, else false to cancel</dd>
1533 <td class="msource">
1535 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1541 <tr class="method-row config-row-alt0 expandable">
1542 <td class="micon"><a class="exi" href="#expand"> </a></td>
1546 <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
1547 <div class="fixedFont">
1548 <span class="attributes"></span><b class="itemname">cachePosition</b>
1550 (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
1557 <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
1563 Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand. We need to know this so that we can calculate the<br/>number of pixels the element is offset from its original position.
1570 <dl class="detailList">
1571 <dt class="heading">Parameters:</dt>
1577 <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1583 <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1601 <td class="msource">
1603 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
1609 <tr class="method-row config-row-alt1 expandable">
1610 <td class="micon"><a class="exi" href="#expand"> </a></td>
1614 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
1615 <div class="fixedFont">
1616 <span class="attributes"></span><b class="itemname">clearConstraints</b>
1625 <div class="short">Clears any constraints applied to this instance.</div>
1631 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
1652 <td class="msource">
1654 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1660 <tr class="method-row config-row-alt0 expandable">
1661 <td class="micon"><a class="exi" href="#expand"> </a></td>
1665 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
1666 <div class="fixedFont">
1667 <span class="attributes"></span><b class="itemname">clearTicks</b>
1676 <div class="short">Clears any tick interval defined for this instance</div>
1682 Clears any tick interval defined for this instance
1703 <td class="msource">
1705 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1711 <tr class="method-row config-row-alt1 expandable">
1712 <td class="micon"><a class="exi" href="#expand"> </a></td>
1716 <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
1717 <div class="fixedFont">
1718 <span class="attributes"></span><b class="itemname">createFrame</b>
1727 <div class="short">Creates the proxy element if it does not yet exist</div>
1733 Creates the proxy element if it does not yet exist
1754 <td class="msource">
1756 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
1762 <tr class="method-row config-row-alt0 expandable">
1763 <td class="micon"><a class="exi" href="#expand"> </a></td>
1767 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
1768 <div class="fixedFont">
1769 <span class="attributes"></span><b class="itemname">endDrag</b>
1771 (Event <B><i>e</i></B>)
1778 <div class="short">Fired when we are done dragging the object</div>
1784 Fired when we are done dragging the object
1791 <dl class="detailList">
1792 <dt class="heading">Parameters:</dt>
1795 <span class="fixedFont">Event</span> <b>e</b>
1798 <dd>the mouseup event</dd>
1816 <td class="msource">
1818 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1824 <tr class="method-row config-row-alt1 expandable">
1825 <td class="micon"><a class="exi" href="#expand"> </a></td>
1829 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1830 <div class="fixedFont">
1831 <span class="attributes"></span><b class="itemname">fireEvent</b>
1833 (<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>)
1839 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1848 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1854 Fires the specified event with the passed parameters (minus the event name).
1861 <dl class="detailList">
1862 <dt class="heading">Parameters:</dt>
1865 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1871 <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>
1874 <dd>Variable number of parameters are passed to handlers</dd>
1882 <dl class="detailList">
1883 <dt class="heading">Returns:</dt>
1885 <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>
1899 <td class="msource">
1901 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1907 <tr class="method-row config-row-alt0 expandable">
1908 <td class="micon"><a class="exi" href="#expand"> </a></td>
1912 <a id="Roo.dd.DragDrop-method-function toString() {
1914 }" name=".function toString() {
1917 <div class="fixedFont">
1918 <span class="attributes"></span><b class="itemname">function toString() {
1937 <div class="short">toString method</div>
1954 <dl class="detailList">
1955 <dt class="heading">Returns:</dt>
1957 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1971 <td class="msource">
1973 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1979 <tr class="method-row config-row-alt1 expandable notInherited">
1980 <td class="micon"><a class="exi" href="#expand"> </a></td>
1984 <a id="Roo.dd.DragZone-method-getDragData" name=".getDragData"></a>
1985 <div class="fixedFont">
1986 <span class="attributes"></span><b class="itemname">getDragData</b>
1988 (EventObject <B><i>e</i></B>)
1994 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2003 <div class="short">Called when a mousedown occurs in this container.</div>
2009 Called when a mousedown occurs in this container. Looks in {<b>link</b> Roo.dd.Registry}<br/>for a valid target to drag based on the mouse down. Override this method<br/>to provide your own lookup logic (e.g. finding a child by class name). Make sure your returned<br/>object has a "ddel" attribute (with an HTML Element) for other functions to work.
2016 <dl class="detailList">
2017 <dt class="heading">Parameters:</dt>
2020 <span class="fixedFont">EventObject</span> <b>e</b>
2023 <dd>The mouse down event</dd>
2031 <dl class="detailList">
2032 <dt class="heading">Returns:</dt>
2034 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> The dragData</dd>
2048 <td class="msource">
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-getDragEl" name=".getDragEl"></a>
2062 <div class="fixedFont">
2063 <span class="attributes"></span><b class="itemname">getDragEl</b>
2071 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2080 <div class="short">Returns a reference to the actual element to drag.</div>
2086 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
2097 <dl class="detailList">
2098 <dt class="heading">Returns:</dt>
2100 <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>
2114 <td class="msource">
2116 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2122 <tr class="method-row config-row-alt1 expandable">
2123 <td class="micon"><a class="exi" href="#expand"> </a></td>
2127 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
2128 <div class="fixedFont">
2129 <span class="attributes"></span><b class="itemname">getEl</b>
2137 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2146 <div class="short">Returns a reference to the linked element</div>
2152 Returns a reference to the linked element
2163 <dl class="detailList">
2164 <dt class="heading">Returns:</dt>
2166 <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>
2180 <td class="msource">
2182 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2188 <tr class="method-row config-row-alt0 expandable">
2189 <td class="micon"><a class="exi" href="#expand"> </a></td>
2193 <a id="Roo.dd.DragSource-method-getProxy" name=".getProxy"></a>
2194 <div class="fixedFont">
2195 <span class="attributes"></span><b class="itemname">getProxy</b>
2203 <a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a>
2212 <div class="short">Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}</div>
2218 Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}
2229 <dl class="detailList">
2230 <dt class="heading">Returns:</dt>
2232 <dd><span class="fixedFont"><a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a></span> proxy The StatusProxy</dd>
2246 <td class="msource">
2248 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
2254 <tr class="method-row config-row-alt1 expandable notInherited">
2255 <td class="micon"><a class="exi" href="#expand"> </a></td>
2259 <a id="Roo.dd.DragZone-method-getRepairXY" name=".getRepairXY"></a>
2260 <div class="fixedFont">
2261 <span class="attributes"></span><b class="itemname">getRepairXY</b>
2263 (EventObject <B><i>e</i></B>)
2269 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
2278 <div class="short">Called before a repair of an invalid drop to get the XY to animate to.</div>
2284 Called before a repair of an invalid drop to get the XY to animate to. By default returns<br/>the XY of this.dragData.ddel
2291 <dl class="detailList">
2292 <dt class="heading">Parameters:</dt>
2295 <span class="fixedFont">EventObject</span> <b>e</b>
2298 <dd>The mouse up event</dd>
2306 <dl class="detailList">
2307 <dt class="heading">Returns:</dt>
2309 <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> The xy location (e.g. [100, 200])</dd>
2323 <td class="msource">
2331 <tr class="method-row config-row-alt0 expandable">
2332 <td class="micon"><a class="exi" href="#expand"> </a></td>
2336 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
2337 <div class="fixedFont">
2338 <span class="attributes"></span><b class="itemname">hasListener</b>
2340 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2346 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2355 <div class="short">Checks to see if this object has any listeners for a specified event</div>
2361 Checks to see if this object has any listeners for a specified event
2368 <dl class="detailList">
2369 <dt class="heading">Parameters:</dt>
2372 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2375 <dd>The name of the event to check for</dd>
2383 <dl class="detailList">
2384 <dt class="heading">Returns:</dt>
2386 <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>
2400 <td class="msource">
2402 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2408 <tr class="method-row config-row-alt1 expandable">
2409 <td class="micon"><a class="exi" href="#expand"> </a></td>
2413 <a id="Roo.dd.DragSource-method-hideProxy" name=".hideProxy"></a>
2414 <div class="fixedFont">
2415 <span class="attributes"></span><b class="itemname">hideProxy</b>
2424 <div class="short">Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}</div>
2430 Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}
2451 <td class="msource">
2453 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
2459 <tr class="method-row config-row-alt0 expandable">
2460 <td class="micon"><a class="exi" href="#expand"> </a></td>
2464 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
2465 <div class="fixedFont">
2466 <span class="attributes"></span><b class="itemname">init</b>
2468 (<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>)
2475 <div class="short">Sets up the DragDrop object.</div>
2481 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
2488 <dl class="detailList">
2489 <dt class="heading">Parameters:</dt>
2495 <dd>the id of the linked element</dd>
2498 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2501 <dd>the group of related items</dd>
2504 <span class="fixedFont">object</span> <b>config</b>
2507 <dd>configuration attributes</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-alt1 expandable">
2534 <td class="micon"><a class="exi" href="#expand"> </a></td>
2538 <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
2539 <div class="fixedFont">
2540 <span class="attributes"></span><b class="itemname">initFrame</b>
2549 <div class="short">Initialization for the drag frame element.</div>
2555 Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
2576 <td class="msource">
2578 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
2584 <tr class="method-row config-row-alt0 expandable">
2585 <td class="micon"><a class="exi" href="#expand"> </a></td>
2589 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
2590 <div class="fixedFont">
2591 <span class="attributes"></span><b class="itemname">initTarget</b>
2593 (<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>)
2600 <div class="short">Initializes Targeting functionality only.</div>
2606 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
2613 <dl class="detailList">
2614 <dt class="heading">Parameters:</dt>
2620 <dd>the id of the linked element</dd>
2623 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2626 <dd>the group of related items</dd>
2629 <span class="fixedFont">object</span> <b>config</b>
2632 <dd>configuration attributes</dd>
2650 <td class="msource">
2652 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2658 <tr class="method-row config-row-alt1 expandable">
2659 <td class="micon"><a class="exi" href="#expand"> </a></td>
2663 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
2664 <div class="fixedFont">
2665 <span class="attributes"></span><b class="itemname">isLocked</b>
2682 <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>
2688 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.)
2699 <dl class="detailList">
2700 <dt class="heading">Returns:</dt>
2702 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
2716 <td class="msource">
2718 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2724 <tr class="method-row config-row-alt0 expandable">
2725 <td class="micon"><a class="exi" href="#expand"> </a></td>
2729 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
2730 <div class="fixedFont">
2731 <span class="attributes"></span><b class="itemname">isTarget</b>
2740 <div class="short">By default, all insances can be a drop target.</div>
2746 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
2767 <td class="msource">
2769 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2775 <tr class="method-row config-row-alt1 expandable">
2776 <td class="micon"><a class="exi" href="#expand"> </a></td>
2780 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
2781 <div class="fixedFont">
2782 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
2784 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
2799 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
2805 Checks the tag exclusion list to see if this click should be ignored
2812 <dl class="detailList">
2813 <dt class="heading">Parameters:</dt>
2816 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2819 <dd>the HTMLElement to evaluate</dd>
2827 <dl class="detailList">
2828 <dt class="heading">Returns:</dt>
2830 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
2844 <td class="msource">
2846 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2852 <tr class="method-row config-row-alt0 expandable">
2853 <td class="micon"><a class="exi" href="#expand"> </a></td>
2857 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
2858 <div class="fixedFont">
2859 <span class="attributes"></span><b class="itemname">lock</b>
2868 <div class="short">Lock this instance</div>
2895 <td class="msource">
2897 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2903 <tr class="method-row config-row-alt1 expandable">
2904 <td class="micon"><a class="exi" href="#expand"> </a></td>
2908 <a id="Roo.util.Observable-method-on" name=".on"></a>
2909 <div class="fixedFont">
2910 <span class="attributes"></span><b class="itemname">on</b>
2912 (<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>)
2919 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2925 Appends an event handler to this element (shorthand for addListener)
2932 <dl class="detailList">
2933 <dt class="heading">Parameters:</dt>
2936 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2939 <dd>The type of event to listen for</dd>
2942 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2945 <dd>The method the event invokes</dd>
2948 <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>
2951 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2954 <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>
2975 <td class="msource">
2977 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2983 <tr class="method-row config-row-alt0 expandable">
2984 <td class="micon"><a class="exi" href="#expand"> </a></td>
2988 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
2989 <div class="fixedFont">
2990 <span class="attributes"></span><b class="itemname">onAvailable</b>
2999 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
3005 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
3026 <td class="msource">
3028 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3034 <tr class="method-row config-row-alt1 expandable">
3035 <td class="micon"><a class="exi" href="#expand"> </a></td>
3039 <a id="Roo.dd.DragSource-method-onBeforeDrag" name=".onBeforeDrag"></a>
3040 <div class="fixedFont">
3041 <span class="attributes"></span><b class="itemname">onBeforeDrag</b>
3043 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>, Event <B><i>e</i></B>)
3049 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3058 <div class="short">An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.</div>
3064 An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.
3071 <dl class="detailList">
3072 <dt class="heading">Parameters:</dt>
3075 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>data</b>
3078 <dd>An object containing arbitrary data to be shared with drop targets</dd>
3081 <span class="fixedFont">Event</span> <b>e</b>
3084 <dd>The event object</dd>
3092 <dl class="detailList">
3093 <dt class="heading">Returns:</dt>
3095 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> isValid True if the drag event is valid, else false to cancel</dd>
3109 <td class="msource">
3111 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
3117 <tr class="method-row config-row-alt0 expandable">
3118 <td class="micon"><a class="exi" href="#expand"> </a></td>
3122 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
3123 <div class="fixedFont">
3124 <span class="attributes"></span><b class="itemname">onDrag</b>
3126 (Event <B><i>e</i></B>)
3133 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
3139 Abstract method called during the onMouseMove event while dragging an<br/>object.
3146 <dl class="detailList">
3147 <dt class="heading">Parameters:</dt>
3150 <span class="fixedFont">Event</span> <b>e</b>
3153 <dd>the mousemove event</dd>
3171 <td class="msource">
3173 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3179 <tr class="method-row config-row-alt1 expandable">
3180 <td class="micon"><a class="exi" href="#expand"> </a></td>
3184 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
3185 <div class="fixedFont">
3186 <span class="attributes"></span><b class="itemname">onDragDrop</b>
3188 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3195 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
3201 Abstract method called when this item is dropped on another DragDrop<br/>obj
3208 <dl class="detailList">
3209 <dt class="heading">Parameters:</dt>
3212 <span class="fixedFont">Event</span> <b>e</b>
3215 <dd>the mouseup event</dd>
3218 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3221 <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>
3239 <td class="msource">
3241 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3247 <tr class="method-row config-row-alt0 expandable">
3248 <td class="micon"><a class="exi" href="#expand"> </a></td>
3252 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
3253 <div class="fixedFont">
3254 <span class="attributes"></span><b class="itemname">onDragEnter</b>
3256 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3263 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
3269 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
3276 <dl class="detailList">
3277 <dt class="heading">Parameters:</dt>
3280 <span class="fixedFont">Event</span> <b>e</b>
3283 <dd>the mousemove event</dd>
3286 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3289 <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>
3307 <td class="msource">
3309 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3315 <tr class="method-row config-row-alt1 expandable">
3316 <td class="micon"><a class="exi" href="#expand"> </a></td>
3320 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
3321 <div class="fixedFont">
3322 <span class="attributes"></span><b class="itemname">onDragOut</b>
3324 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3331 <div class="short">Abstract method called when we are no longer hovering over an element</div>
3337 Abstract method called when we are no longer hovering over an element
3344 <dl class="detailList">
3345 <dt class="heading">Parameters:</dt>
3348 <span class="fixedFont">Event</span> <b>e</b>
3351 <dd>the mousemove event</dd>
3354 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3357 <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>
3375 <td class="msource">
3377 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3383 <tr class="method-row config-row-alt0 expandable">
3384 <td class="micon"><a class="exi" href="#expand"> </a></td>
3388 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
3389 <div class="fixedFont">
3390 <span class="attributes"></span><b class="itemname">onDragOver</b>
3392 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3399 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
3405 Abstract method called when this element is hovering over another<br/>DragDrop obj
3412 <dl class="detailList">
3413 <dt class="heading">Parameters:</dt>
3416 <span class="fixedFont">Event</span> <b>e</b>
3419 <dd>the mousemove event</dd>
3422 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3425 <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>
3443 <td class="msource">
3445 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3451 <tr class="method-row config-row-alt1 expandable notInherited">
3452 <td class="micon"><a class="exi" href="#expand"> </a></td>
3456 <a id="Roo.dd.DragZone-method-onInitDrag" name=".onInitDrag"></a>
3457 <div class="fixedFont">
3458 <span class="attributes"></span><b class="itemname">onInitDrag</b>
3460 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
3466 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3475 <div class="short">Called once drag threshold has been reached to initialize the proxy element.</div>
3481 Called once drag threshold has been reached to initialize the proxy element. By default, it clones the<br/>this.dragData.ddel
3488 <dl class="detailList">
3489 <dt class="heading">Parameters:</dt>
3492 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3495 <dd>The x position of the click on the dragged object</dd>
3498 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3501 <dd>The y position of the click on the dragged object</dd>
3509 <dl class="detailList">
3510 <dt class="heading">Returns:</dt>
3512 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> true to continue the drag, false to cancel</dd>
3526 <td class="msource">
3534 <tr class="method-row config-row-alt0 expandable">
3535 <td class="micon"><a class="exi" href="#expand"> </a></td>
3539 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
3540 <div class="fixedFont">
3541 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
3543 (Event <B><i>e</i></B>)
3550 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
3556 Abstract method called when this item is dropped on an area with no<br/>drop target
3563 <dl class="detailList">
3564 <dt class="heading">Parameters:</dt>
3567 <span class="fixedFont">Event</span> <b>e</b>
3570 <dd>the mouseup event</dd>
3588 <td class="msource">
3590 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3596 <tr class="method-row config-row-alt1 expandable">
3597 <td class="micon"><a class="exi" href="#expand"> </a></td>
3601 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
3602 <div class="fixedFont">
3603 <span class="attributes"></span><b class="itemname">onMouseDown</b>
3605 (Event <B><i>e</i></B>)
3612 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
3618 Event handler that fires when a drag/drop obj gets a mousedown
3625 <dl class="detailList">
3626 <dt class="heading">Parameters:</dt>
3629 <span class="fixedFont">Event</span> <b>e</b>
3632 <dd>the mousedown event</dd>
3650 <td class="msource">
3652 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3658 <tr class="method-row config-row-alt0 expandable">
3659 <td class="micon"><a class="exi" href="#expand"> </a></td>
3663 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
3664 <div class="fixedFont">
3665 <span class="attributes"></span><b class="itemname">onMouseUp</b>
3667 (Event <B><i>e</i></B>)
3674 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
3680 Event handler that fires when a drag/drop obj gets a mouseup
3687 <dl class="detailList">
3688 <dt class="heading">Parameters:</dt>
3691 <span class="fixedFont">Event</span> <b>e</b>
3694 <dd>the mouseup event</dd>
3712 <td class="msource">
3714 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3720 <tr class="method-row config-row-alt1 expandable">
3721 <td class="micon"><a class="exi" href="#expand"> </a></td>
3725 <a id="Roo.dd.DragSource-method-onStartDrag" name=".onStartDrag"></a>
3726 <div class="fixedFont">
3727 <span class="attributes"></span><b class="itemname">onStartDrag</b>
3729 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
3736 <div class="short">An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.</div>
3742 An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun. The drag cannot be canceled from this function.
3749 <dl class="detailList">
3750 <dt class="heading">Parameters:</dt>
3753 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3756 <dd>The x position of the click on the dragged object</dd>
3759 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3762 <dd>The y position of the click on the dragged object</dd>
3780 <td class="msource">
3782 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
3788 <tr class="method-row config-row-alt0 expandable">
3789 <td class="micon"><a class="exi" href="#expand"> </a></td>
3793 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
3794 <div class="fixedFont">
3795 <span class="attributes"></span><b class="itemname">padding</b>
3804 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
3810 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
3831 <td class="msource">
3833 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3839 <tr class="method-row config-row-alt1 expandable">
3840 <td class="micon"><a class="exi" href="#expand"> </a></td>
3844 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
3845 <div class="fixedFont">
3846 <span class="attributes"></span><b class="itemname">purgeListeners</b>
3855 <div class="short">Removes all listeners for this object</div>
3861 Removes all listeners for this object
3882 <td class="msource">
3884 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3890 <tr class="method-row config-row-alt0 expandable">
3891 <td class="micon"><a class="exi" href="#expand"> </a></td>
3895 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
3896 <div class="fixedFont">
3897 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
3899 (string <B><i>sGroup</i></B>)
3906 <div class="short">Remove's this instance from the supplied interaction group</div>
3912 Remove's this instance from the supplied interaction group
3919 <dl class="detailList">
3920 <dt class="heading">Parameters:</dt>
3923 <span class="fixedFont">string</span> <b>sGroup</b>
3926 <dd>The group to drop</dd>
3944 <td class="msource">
3946 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3952 <tr class="method-row config-row-alt1 expandable">
3953 <td class="micon"><a class="exi" href="#expand"> </a></td>
3957 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
3958 <div class="fixedFont">
3959 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
3961 (string <B><i>cssClass</i></B>)
3968 <div class="short">Unsets an invalid css class</div>
3974 Unsets an invalid css class
3981 <dl class="detailList">
3982 <dt class="heading">Parameters:</dt>
3985 <span class="fixedFont">string</span> <b>cssClass</b>
3988 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
4006 <td class="msource">
4008 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4014 <tr class="method-row config-row-alt0 expandable">
4015 <td class="micon"><a class="exi" href="#expand"> </a></td>
4019 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
4020 <div class="fixedFont">
4021 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
4023 (string <B><i>id</i></B>)
4030 <div class="short">Unsets an invalid handle id</div>
4036 Unsets an invalid handle id
4043 <dl class="detailList">
4044 <dt class="heading">Parameters:</dt>
4047 <span class="fixedFont">string</span> <b>id</b>
4050 <dd>the id of the element to re-enable</dd>
4068 <td class="msource">
4070 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4076 <tr class="method-row config-row-alt1 expandable">
4077 <td class="micon"><a class="exi" href="#expand"> </a></td>
4081 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
4082 <div class="fixedFont">
4083 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
4085 (string <B><i>tagName</i></B>)
4092 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
4098 Unsets an excluded tag name set by addInvalidHandleType
4105 <dl class="detailList">
4106 <dt class="heading">Parameters:</dt>
4109 <span class="fixedFont">string</span> <b>tagName</b>
4112 <dd>the type of element to unexclude</dd>
4130 <td class="msource">
4132 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4138 <tr class="method-row config-row-alt0 expandable">
4139 <td class="micon"><a class="exi" href="#expand"> </a></td>
4143 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
4144 <div class="fixedFont">
4145 <span class="attributes"></span><b class="itemname">removeListener</b>
4147 (<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>)
4154 <div class="short">Removes a listener</div>
4167 <dl class="detailList">
4168 <dt class="heading">Parameters:</dt>
4171 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
4174 <dd>The type of event to listen for</dd>
4177 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
4180 <dd>The handler to remove</dd>
4183 <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>
4186 <dd>(optional) The scope (this object) for the handler</dd>
4204 <td class="msource">
4206 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4212 <tr class="method-row config-row-alt1 expandable">
4213 <td class="micon"><a class="exi" href="#expand"> </a></td>
4217 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
4218 <div class="fixedFont">
4219 <span class="attributes"></span><b class="itemname">resetConstraints</b>
4221 (boolean <B><i>maintainOffset</i></B>)
4228 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
4234 resetConstraints must be called if you manually reposition a dd element.
4241 <dl class="detailList">
4242 <dt class="heading">Parameters:</dt>
4245 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
4266 <td class="msource">
4268 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4274 <tr class="method-row config-row-alt0 expandable">
4275 <td class="micon"><a class="exi" href="#expand"> </a></td>
4279 <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
4280 <div class="fixedFont">
4281 <span class="attributes"></span><b class="itemname">setDelta</b>
4283 (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
4290 <div class="short">Sets the pointer offset.</div>
4296 Sets the pointer offset. You can call this directly to force the<br/>offset to be in a particular location (e.g., pass in 0,0 to set it<br/>to the center of the object)
4303 <dl class="detailList">
4304 <dt class="heading">Parameters:</dt>
4307 <span class="fixedFont">int</span> <b>iDeltaX</b>
4310 <dd>the distance from the left</dd>
4313 <span class="fixedFont">int</span> <b>iDeltaY</b>
4316 <dd>the distance from the top</dd>
4334 <td class="msource">
4336 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4342 <tr class="method-row config-row-alt1 expandable">
4343 <td class="micon"><a class="exi" href="#expand"> </a></td>
4347 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
4348 <div class="fixedFont">
4349 <span class="attributes"></span><b class="itemname">setDragElId</b>
4358 <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>
4364 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
4371 <dl class="detailList">
4372 <dt class="heading">Parameters:</dt>
4378 <dd>{string} the id of the element that will be used to initiate the drag</dd>
4396 <td class="msource">
4398 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4404 <tr class="method-row config-row-alt0 expandable">
4405 <td class="micon"><a class="exi" href="#expand"> </a></td>
4409 <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
4410 <div class="fixedFont">
4411 <span class="attributes"></span><b class="itemname">setDragElPos</b>
4413 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
4420 <div class="short">Sets the drag element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked.</div>
4426 Sets the drag element to the location of the mousedown or click event,<br/>maintaining the cursor location relative to the location on the element<br/>that was clicked. Override this if you want to place the element in a<br/>location other than where the cursor is.
4433 <dl class="detailList">
4434 <dt class="heading">Parameters:</dt>
4437 <span class="fixedFont">int</span> <b>iPageX</b>
4440 <dd>the X coordinate of the mousedown or drag event</dd>
4443 <span class="fixedFont">int</span> <b>iPageY</b>
4446 <dd>the Y coordinate of the mousedown or drag event</dd>
4464 <td class="msource">
4466 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4472 <tr class="method-row config-row-alt1 expandable">
4473 <td class="micon"><a class="exi" href="#expand"> </a></td>
4477 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
4478 <div class="fixedFont">
4479 <span class="attributes"></span><b class="itemname">setHandleElId</b>
4488 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
4494 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.
4501 <dl class="detailList">
4502 <dt class="heading">Parameters:</dt>
4508 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
4526 <td class="msource">
4528 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4534 <tr class="method-row config-row-alt0 expandable">
4535 <td class="micon"><a class="exi" href="#expand"> </a></td>
4539 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
4540 <div class="fixedFont">
4541 <span class="attributes"></span><b class="itemname">setInitPosition</b>
4543 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
4550 <div class="short">Stores the initial placement of the linked element.</div>
4556 Stores the initial placement of the linked element.
4563 <dl class="detailList">
4564 <dt class="heading">Parameters:</dt>
4567 <span class="fixedFont">int</span> <b>diffX</b>
4570 <dd>the X offset, default 0</dd>
4573 <span class="fixedFont">int</span> <b>diffY</b>
4576 <dd>the Y offset, default 0</dd>
4594 <td class="msource">
4596 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4602 <tr class="method-row config-row-alt1 expandable">
4603 <td class="micon"><a class="exi" href="#expand"> </a></td>
4607 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
4608 <div class="fixedFont">
4609 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
4618 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
4624 Allows you to set an element outside of the linked element as a drag<br/>handle
4631 <dl class="detailList">
4632 <dt class="heading">Parameters:</dt>
4638 <dd>the id of the element that will be used to initiate the drag</dd>
4656 <td class="msource">
4658 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4664 <tr class="method-row config-row-alt0 expandable">
4665 <td class="micon"><a class="exi" href="#expand"> </a></td>
4669 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
4670 <div class="fixedFont">
4671 <span class="attributes"></span><b class="itemname">setPadding</b>
4673 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
4680 <div class="short">Configures the padding for the target zone in px.</div>
4686 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.
4693 <dl class="detailList">
4694 <dt class="heading">Parameters:</dt>
4697 <span class="fixedFont">int</span> <b>iTop</b>
4703 <span class="fixedFont">int</span> <b>iRight</b>
4709 <span class="fixedFont">int</span> <b>iBot</b>
4715 <span class="fixedFont">int</span> <b>iLeft</b>
4736 <td class="msource">
4738 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4744 <tr class="method-row config-row-alt1 expandable">
4745 <td class="micon"><a class="exi" href="#expand"> </a></td>
4749 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
4750 <div class="fixedFont">
4751 <span class="attributes"></span><b class="itemname">setXConstraint</b>
4753 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
4760 <div class="short">By default, the element can be dragged any place on the screen.</div>
4766 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.
4773 <dl class="detailList">
4774 <dt class="heading">Parameters:</dt>
4777 <span class="fixedFont">int</span> <b>iLeft</b>
4780 <dd>the number of pixels the element can move to the left</dd>
4783 <span class="fixedFont">int</span> <b>iRight</b>
4786 <dd>the number of pixels the element can move to the<br/>right</dd>
4789 <span class="fixedFont">int</span> <b>iTickSize</b>
4792 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
4810 <td class="msource">
4812 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4818 <tr class="method-row config-row-alt0 expandable">
4819 <td class="micon"><a class="exi" href="#expand"> </a></td>
4823 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
4824 <div class="fixedFont">
4825 <span class="attributes"></span><b class="itemname">setYConstraint</b>
4827 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
4834 <div class="short">By default, the element can be dragged any place on the screen.</div>
4840 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.
4847 <dl class="detailList">
4848 <dt class="heading">Parameters:</dt>
4851 <span class="fixedFont">int</span> <b>iUp</b>
4854 <dd>the number of pixels the element can move up</dd>
4857 <span class="fixedFont">int</span> <b>iDown</b>
4860 <dd>the number of pixels the element can move down</dd>
4863 <span class="fixedFont">int</span> <b>iTickSize</b>
4866 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
4884 <td class="msource">
4886 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4892 <tr class="method-row config-row-alt1 expandable">
4893 <td class="micon"><a class="exi" href="#expand"> </a></td>
4897 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
4898 <div class="fixedFont">
4899 <span class="attributes"></span><b class="itemname">startDrag</b>
4901 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
4908 <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>
4914 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
4921 <dl class="detailList">
4922 <dt class="heading">Parameters:</dt>
4925 <span class="fixedFont">int</span> <b>X</b>
4928 <dd>click location</dd>
4931 <span class="fixedFont">int</span> <b>Y</b>
4934 <dd>click location</dd>
4952 <td class="msource">
4954 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4960 <tr class="method-row config-row-alt0 expandable">
4961 <td class="micon"><a class="exi" href="#expand"> </a></td>
4965 <a id="Roo.util.Observable-method-un" name=".un"></a>
4966 <div class="fixedFont">
4967 <span class="attributes"></span><b class="itemname">un</b>
4969 (<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>)
4976 <div class="short">Removes a listener (shorthand for removeListener)</div>
4982 Removes a listener (shorthand for removeListener)
4989 <dl class="detailList">
4990 <dt class="heading">Parameters:</dt>
4993 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
4996 <dd>The type of event to listen for</dd>
4999 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
5002 <dd>The handler to remove</dd>
5005 <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>
5008 <dd>(optional) The scope (this object) for the handler</dd>
5026 <td class="msource">
5028 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5034 <tr class="method-row config-row-alt1 expandable">
5035 <td class="micon"><a class="exi" href="#expand"> </a></td>
5039 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
5040 <div class="fixedFont">
5041 <span class="attributes"></span><b class="itemname">unlock</b>
5050 <div class="short">Unlock this instace</div>
5077 <td class="msource">
5079 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
5085 <tr class="method-row config-row-alt0 expandable">
5086 <td class="micon"><a class="exi" href="#expand"> </a></td>
5090 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
5091 <div class="fixedFont">
5092 <span class="attributes"></span><b class="itemname">unreg</b>
5101 <div class="short">Remove all drag and drop hooks for this element</div>
5107 Remove all drag and drop hooks for this element
5128 <td class="msource">
5130 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
5139 <!-- ============================== events summary / details ======================== -->
5142 <a id="Roo.dd.DragZone-events"></a>
5148 <table cellspacing="0" class="member-table">
5149 <caption class="Empty">Events - Has None</caption>
5160 <!-- ============================== footer ================================= -->
5161 <div class="fineprint" style="clear:both">
5163 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)
5165 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>