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>
148 True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.
164 <tr class="config-row expandable config-row-alt1">
165 <td class="micon"><a class="exi" href="#expand"> </a></td>
168 <a id="Roo.dd.DragSource-cfg-dropAllowed" name=".dropAllowed"></a>
169 <div class="fixedFont">
170 <b class="itemname">dropAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
176 <div class="short">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
181 The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").
191 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
197 <tr class="config-row expandable config-row-alt0">
198 <td class="micon"><a class="exi" href="#expand"> </a></td>
201 <a id="Roo.dd.DragSource-cfg-dropNotAllowed" name=".dropNotAllowed"></a>
202 <div class="fixedFont">
203 <b class="itemname">dropNotAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
209 <div class="short">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
214 The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").
224 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
230 <tr class="config-row expandable config-row-alt1 notInherited">
231 <td class="micon"><a class="exi" href="#expand"> </a></td>
234 <a id="Roo.dd.DragZone-cfg-hlColor" name=".hlColor"></a>
235 <div class="fixedFont">
236 <b class="itemname">hlColor</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
242 <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>
247 The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)
263 <tr class="config-row expandable config-row-alt0">
264 <td class="micon"><a class="exi" href="#expand"> </a></td>
267 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
268 <div class="fixedFont">
269 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
275 <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>
280 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>
290 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
306 <!-- ============================== public properties ==================== -->
310 <a id="Roo.dd.DragZone-props"></a>
318 <table cellspacing="0" class="member-table">
319 <caption>Public Properties </caption>
321 <th class="sig-header" colspan="2">Property</th>
322 <th class="sig-header">Description</th>
323 <th class="msource-header">Defined By</th>
333 <tr class="property-row config-row-alt0">
335 <a class="exi" href="#expand"> </a>
338 <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
339 <div class="fixedFont">
340 <span class="attributes">Roo.dd.DragZone.</span><b class="itemname">dragElId</b> :
341 <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
349 The default drag frame div id
357 The default drag frame div id
364 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
373 <!-- TODO: implement this alt row. also notice non-linked "Defined by" when property is a part of this class.
374 <tr class="property-row alt">
381 <!-- ============================== methods summary / details ======================== -->
384 <a id="Roo.dd.DragZone-methods"></a>
385 <!-- constructor?? -->
392 <!-- then dynamics first -->
399 <table cellspacing="0" class="member-table">
400 <caption>Public Methods</caption>
402 <th class="sig-header" colspan="2">Method</th>
403 <th class="msource-header">Defined By</th>
413 <tr class="method-row config-row-alt0 expandable notInherited">
414 <td class="micon"><a class="exi" href="#expand"> </a></td>
418 <a id="Roo.dd-method-DragZone" name=".DragZone"></a>
419 <div class="fixedFont">
420 <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DragZone</b>
422 (<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>)
430 <div class="short">Create a new Roo.dd.DragZone</div>
437 Create a new Roo.dd.DragZone
440 <dl class="detailList">
441 <dt class="heading">Parameters:</dt>
444 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
447 <dd>The container element</dd>
450 <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>
477 <tr class="method-row config-row-alt1 expandable">
478 <td class="micon"><a class="exi" href="#expand"> </a></td>
482 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
483 <div class="fixedFont">
484 <span class="attributes"></span><b class="itemname">addEvents</b>
486 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
493 <div class="short">Used to define events on this Observable</div>
499 Used to define events on this Observable
506 <dl class="detailList">
507 <dt class="heading">Parameters:</dt>
510 <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>
513 <dd>The object with the events defined</dd>
533 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
539 <tr class="method-row config-row-alt0 expandable">
540 <td class="micon"><a class="exi" href="#expand"> </a></td>
544 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
545 <div class="fixedFont">
546 <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
548 (string <B><i>cssClass</i></B>)
555 <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
561 Lets you specify a css class of elements that will not initiate a drag
568 <dl class="detailList">
569 <dt class="heading">Parameters:</dt>
572 <span class="fixedFont">string</span> <b>cssClass</b>
575 <dd>the class of the elements you wish to ignore</dd>
595 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
601 <tr class="method-row config-row-alt1 expandable">
602 <td class="micon"><a class="exi" href="#expand"> </a></td>
606 <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
607 <div class="fixedFont">
608 <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
610 (string <B><i>id</i></B>)
617 <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>
623 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
630 <dl class="detailList">
631 <dt class="heading">Parameters:</dt>
634 <span class="fixedFont">string</span> <b>id</b>
637 <dd>the element id of the element you wish to ignore</dd>
657 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
663 <tr class="method-row config-row-alt0 expandable">
664 <td class="micon"><a class="exi" href="#expand"> </a></td>
668 <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
669 <div class="fixedFont">
670 <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
672 (string <B><i>tagName</i></B>)
679 <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
685 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.
692 <dl class="detailList">
693 <dt class="heading">Parameters:</dt>
696 <span class="fixedFont">string</span> <b>tagName</b>
699 <dd>the type of element to exclude</dd>
719 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
725 <tr class="method-row config-row-alt1 expandable">
726 <td class="micon"><a class="exi" href="#expand"> </a></td>
730 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
731 <div class="fixedFont">
732 <span class="attributes"></span><b class="itemname">addListener</b>
734 (<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>)
741 <div class="short">Appends an event handler to this component</div>
747 Appends an event handler to this component
754 <dl class="detailList">
755 <dt class="heading">Parameters:</dt>
758 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
761 <dd>The type of event to listen for</dd>
764 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
767 <dd>The method the event invokes</dd>
770 <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>
773 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
776 <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>
779 <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>
799 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
805 <tr class="method-row config-row-alt0 expandable">
806 <td class="micon"><a class="exi" href="#expand"> </a></td>
810 <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
811 <div class="fixedFont">
812 <span class="attributes"></span><b class="itemname">addToGroup</b>
814 (<B><i>sGroup</i></B>)
821 <div class="short">Add this instance to a group of related drag/drop objects.</div>
827 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.
834 <dl class="detailList">
835 <dt class="heading">Parameters:</dt>
841 <dd>{string} the name of the group</dd>
861 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
867 <tr class="method-row config-row-alt1 expandable notInherited">
868 <td class="micon"><a class="exi" href="#expand"> </a></td>
872 <a id="Roo.dd.DragZone-method-afterRepair" name=".afterRepair"></a>
873 <div class="fixedFont">
874 <span class="attributes"></span><b class="itemname">afterRepair</b>
883 <div class="short">Called after a repair of an invalid drop.</div>
889 Called after a repair of an invalid drop. By default, highlights this.dragData.ddel
918 <tr class="method-row config-row-alt0 expandable">
919 <td class="micon"><a class="exi" href="#expand"> </a></td>
923 <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
924 <div class="fixedFont">
925 <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
927 (<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>)
934 <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>
940 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.
947 <dl class="detailList">
948 <dt class="heading">Parameters:</dt>
951 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
954 <dd>the element to move</dd>
957 <span class="fixedFont">int</span> <b>iPageX</b>
960 <dd>the X coordinate of the mousedown or drag event</dd>
963 <span class="fixedFont">int</span> <b>iPageY</b>
966 <dd>the Y coordinate of the mousedown or drag event</dd>
986 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
992 <tr class="method-row config-row-alt1 expandable">
993 <td class="micon"><a class="exi" href="#expand"> </a></td>
997 <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
998 <div class="fixedFont">
999 <span class="attributes"></span><b class="itemname">applyConfig</b>
1008 <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
1014 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.
1035 <td class="msource">
1037 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1043 <tr class="method-row config-row-alt0 expandable">
1044 <td class="micon"><a class="exi" href="#expand"> </a></td>
1048 <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
1049 <div class="fixedFont">
1050 <span class="attributes"></span><b class="itemname">autoOffset</b>
1052 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
1059 <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>
1065 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
1072 <dl class="detailList">
1073 <dt class="heading">Parameters:</dt>
1076 <span class="fixedFont">int</span> <b>iPageX</b>
1079 <dd>the X coordinate of the click</dd>
1082 <span class="fixedFont">int</span> <b>iPageY</b>
1085 <dd>the Y coordinate of the click</dd>
1103 <td class="msource">
1105 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
1111 <tr class="method-row config-row-alt1 expandable">
1112 <td class="micon"><a class="exi" href="#expand"> </a></td>
1116 <a id="Roo.dd.DragSource-method-beforeDragDrop" name=".beforeDragDrop"></a>
1117 <div class="fixedFont">
1118 <span class="attributes"></span><b class="itemname">beforeDragDrop</b>
1120 (<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>)
1126 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1135 <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>
1141 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.
1148 <dl class="detailList">
1149 <dt class="heading">Parameters:</dt>
1152 <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>
1155 <dd>The drop target</dd>
1158 <span class="fixedFont">Event</span> <b>e</b>
1161 <dd>The event object</dd>
1164 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1167 <dd>The id of the dragged element</dd>
1175 <dl class="detailList">
1176 <dt class="heading">Returns:</dt>
1178 <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>
1192 <td class="msource">
1194 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1200 <tr class="method-row config-row-alt0 expandable">
1201 <td class="micon"><a class="exi" href="#expand"> </a></td>
1205 <a id="Roo.dd.DragSource-method-beforeDragEnter" name=".beforeDragEnter"></a>
1206 <div class="fixedFont">
1207 <span class="attributes"></span><b class="itemname">beforeDragEnter</b>
1209 (<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>)
1215 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1224 <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>
1230 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.
1237 <dl class="detailList">
1238 <dt class="heading">Parameters:</dt>
1241 <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>
1244 <dd>The drop target</dd>
1247 <span class="fixedFont">Event</span> <b>e</b>
1250 <dd>The event object</dd>
1253 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1256 <dd>The id of the dragged element</dd>
1264 <dl class="detailList">
1265 <dt class="heading">Returns:</dt>
1267 <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>
1281 <td class="msource">
1283 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1289 <tr class="method-row config-row-alt1 expandable">
1290 <td class="micon"><a class="exi" href="#expand"> </a></td>
1294 <a id="Roo.dd.DragSource-method-beforeDragOut" name=".beforeDragOut"></a>
1295 <div class="fixedFont">
1296 <span class="attributes"></span><b class="itemname">beforeDragOut</b>
1298 (<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>)
1304 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1313 <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>
1319 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.
1326 <dl class="detailList">
1327 <dt class="heading">Parameters:</dt>
1330 <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>
1333 <dd>The drop target</dd>
1336 <span class="fixedFont">Event</span> <b>e</b>
1339 <dd>The event object</dd>
1342 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1345 <dd>The id of the dragged element</dd>
1353 <dl class="detailList">
1354 <dt class="heading">Returns:</dt>
1356 <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>
1370 <td class="msource">
1372 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1378 <tr class="method-row config-row-alt0 expandable">
1379 <td class="micon"><a class="exi" href="#expand"> </a></td>
1383 <a id="Roo.dd.DragSource-method-beforeDragOver" name=".beforeDragOver"></a>
1384 <div class="fixedFont">
1385 <span class="attributes"></span><b class="itemname">beforeDragOver</b>
1387 (<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>)
1393 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1402 <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>
1408 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.
1415 <dl class="detailList">
1416 <dt class="heading">Parameters:</dt>
1419 <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>
1422 <dd>The drop target</dd>
1425 <span class="fixedFont">Event</span> <b>e</b>
1428 <dd>The event object</dd>
1431 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1434 <dd>The id of the dragged element</dd>
1442 <dl class="detailList">
1443 <dt class="heading">Returns:</dt>
1445 <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>
1459 <td class="msource">
1461 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1467 <tr class="method-row config-row-alt1 expandable">
1468 <td class="micon"><a class="exi" href="#expand"> </a></td>
1472 <a id="Roo.dd.DragSource-method-beforeInvalidDrop" name=".beforeInvalidDrop"></a>
1473 <div class="fixedFont">
1474 <span class="attributes"></span><b class="itemname">beforeInvalidDrop</b>
1476 (<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>)
1482 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1491 <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>
1497 An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.
1504 <dl class="detailList">
1505 <dt class="heading">Parameters:</dt>
1508 <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>
1511 <dd>The drop target</dd>
1514 <span class="fixedFont">Event</span> <b>e</b>
1517 <dd>The event object</dd>
1520 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1523 <dd>The id of the dragged element</dd>
1531 <dl class="detailList">
1532 <dt class="heading">Returns:</dt>
1534 <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>
1548 <td class="msource">
1550 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
1556 <tr class="method-row config-row-alt0 expandable">
1557 <td class="micon"><a class="exi" href="#expand"> </a></td>
1561 <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
1562 <div class="fixedFont">
1563 <span class="attributes"></span><b class="itemname">cachePosition</b>
1565 (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
1572 <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
1578 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.
1585 <dl class="detailList">
1586 <dt class="heading">Parameters:</dt>
1592 <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1598 <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1616 <td class="msource">
1618 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
1624 <tr class="method-row config-row-alt1 expandable">
1625 <td class="micon"><a class="exi" href="#expand"> </a></td>
1629 <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
1630 <div class="fixedFont">
1631 <span class="attributes"></span><b class="itemname">clearConstraints</b>
1640 <div class="short">Clears any constraints applied to this instance.</div>
1646 Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
1667 <td class="msource">
1669 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1675 <tr class="method-row config-row-alt0 expandable">
1676 <td class="micon"><a class="exi" href="#expand"> </a></td>
1680 <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
1681 <div class="fixedFont">
1682 <span class="attributes"></span><b class="itemname">clearTicks</b>
1691 <div class="short">Clears any tick interval defined for this instance</div>
1697 Clears any tick interval defined for this instance
1718 <td class="msource">
1720 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1726 <tr class="method-row config-row-alt1 expandable">
1727 <td class="micon"><a class="exi" href="#expand"> </a></td>
1731 <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
1732 <div class="fixedFont">
1733 <span class="attributes"></span><b class="itemname">createFrame</b>
1742 <div class="short">Creates the proxy element if it does not yet exist</div>
1748 Creates the proxy element if it does not yet exist
1769 <td class="msource">
1771 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
1777 <tr class="method-row config-row-alt0 expandable">
1778 <td class="micon"><a class="exi" href="#expand"> </a></td>
1782 <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
1783 <div class="fixedFont">
1784 <span class="attributes"></span><b class="itemname">endDrag</b>
1786 (Event <B><i>e</i></B>)
1793 <div class="short">Fired when we are done dragging the object</div>
1799 Fired when we are done dragging the object
1806 <dl class="detailList">
1807 <dt class="heading">Parameters:</dt>
1810 <span class="fixedFont">Event</span> <b>e</b>
1813 <dd>the mouseup event</dd>
1831 <td class="msource">
1833 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1839 <tr class="method-row config-row-alt1 expandable">
1840 <td class="micon"><a class="exi" href="#expand"> </a></td>
1844 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1845 <div class="fixedFont">
1846 <span class="attributes"></span><b class="itemname">fireEvent</b>
1848 (<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>)
1854 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1863 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1869 Fires the specified event with the passed parameters (minus the event name).
1876 <dl class="detailList">
1877 <dt class="heading">Parameters:</dt>
1880 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1886 <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>
1889 <dd>Variable number of parameters are passed to handlers</dd>
1897 <dl class="detailList">
1898 <dt class="heading">Returns:</dt>
1900 <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>
1914 <td class="msource">
1916 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1922 <tr class="method-row config-row-alt0 expandable">
1923 <td class="micon"><a class="exi" href="#expand"> </a></td>
1927 <a id="Roo.dd.DragDrop-method-function toString() {
1929 }" name=".function toString() {
1932 <div class="fixedFont">
1933 <span class="attributes"></span><b class="itemname">function toString() {
1952 <div class="short">toString method</div>
1969 <dl class="detailList">
1970 <dt class="heading">Returns:</dt>
1972 <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
1986 <td class="msource">
1988 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1994 <tr class="method-row config-row-alt1 expandable notInherited">
1995 <td class="micon"><a class="exi" href="#expand"> </a></td>
1999 <a id="Roo.dd.DragZone-method-getDragData" name=".getDragData"></a>
2000 <div class="fixedFont">
2001 <span class="attributes"></span><b class="itemname">getDragData</b>
2003 (EventObject <B><i>e</i></B>)
2009 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2018 <div class="short">Called when a mousedown occurs in this container.</div>
2024 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.
2031 <dl class="detailList">
2032 <dt class="heading">Parameters:</dt>
2035 <span class="fixedFont">EventObject</span> <b>e</b>
2038 <dd>The mouse down event</dd>
2046 <dl class="detailList">
2047 <dt class="heading">Returns:</dt>
2049 <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>
2063 <td class="msource">
2071 <tr class="method-row config-row-alt0 expandable">
2072 <td class="micon"><a class="exi" href="#expand"> </a></td>
2076 <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
2077 <div class="fixedFont">
2078 <span class="attributes"></span><b class="itemname">getDragEl</b>
2086 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2095 <div class="short">Returns a reference to the actual element to drag.</div>
2101 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
2112 <dl class="detailList">
2113 <dt class="heading">Returns:</dt>
2115 <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>
2129 <td class="msource">
2131 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2137 <tr class="method-row config-row-alt1 expandable">
2138 <td class="micon"><a class="exi" href="#expand"> </a></td>
2142 <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
2143 <div class="fixedFont">
2144 <span class="attributes"></span><b class="itemname">getEl</b>
2152 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2161 <div class="short">Returns a reference to the linked element</div>
2167 Returns a reference to the linked element
2178 <dl class="detailList">
2179 <dt class="heading">Returns:</dt>
2181 <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>
2195 <td class="msource">
2197 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2203 <tr class="method-row config-row-alt0 expandable">
2204 <td class="micon"><a class="exi" href="#expand"> </a></td>
2208 <a id="Roo.dd.DragSource-method-getProxy" name=".getProxy"></a>
2209 <div class="fixedFont">
2210 <span class="attributes"></span><b class="itemname">getProxy</b>
2218 <a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a>
2227 <div class="short">Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}</div>
2233 Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}
2244 <dl class="detailList">
2245 <dt class="heading">Returns:</dt>
2247 <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>
2261 <td class="msource">
2263 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
2269 <tr class="method-row config-row-alt1 expandable notInherited">
2270 <td class="micon"><a class="exi" href="#expand"> </a></td>
2274 <a id="Roo.dd.DragZone-method-getRepairXY" name=".getRepairXY"></a>
2275 <div class="fixedFont">
2276 <span class="attributes"></span><b class="itemname">getRepairXY</b>
2278 (EventObject <B><i>e</i></B>)
2284 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
2293 <div class="short">Called before a repair of an invalid drop to get the XY to animate to.</div>
2299 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
2306 <dl class="detailList">
2307 <dt class="heading">Parameters:</dt>
2310 <span class="fixedFont">EventObject</span> <b>e</b>
2313 <dd>The mouse up event</dd>
2321 <dl class="detailList">
2322 <dt class="heading">Returns:</dt>
2324 <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>
2338 <td class="msource">
2346 <tr class="method-row config-row-alt0 expandable">
2347 <td class="micon"><a class="exi" href="#expand"> </a></td>
2351 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
2352 <div class="fixedFont">
2353 <span class="attributes"></span><b class="itemname">hasListener</b>
2355 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2361 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2370 <div class="short">Checks to see if this object has any listeners for a specified event</div>
2376 Checks to see if this object has any listeners for a specified event
2383 <dl class="detailList">
2384 <dt class="heading">Parameters:</dt>
2387 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2390 <dd>The name of the event to check for</dd>
2398 <dl class="detailList">
2399 <dt class="heading">Returns:</dt>
2401 <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>
2415 <td class="msource">
2417 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2423 <tr class="method-row config-row-alt1 expandable">
2424 <td class="micon"><a class="exi" href="#expand"> </a></td>
2428 <a id="Roo.dd.DragSource-method-hideProxy" name=".hideProxy"></a>
2429 <div class="fixedFont">
2430 <span class="attributes"></span><b class="itemname">hideProxy</b>
2439 <div class="short">Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}</div>
2445 Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}
2466 <td class="msource">
2468 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
2474 <tr class="method-row config-row-alt0 expandable">
2475 <td class="micon"><a class="exi" href="#expand"> </a></td>
2479 <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
2480 <div class="fixedFont">
2481 <span class="attributes"></span><b class="itemname">init</b>
2483 (<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>)
2490 <div class="short">Sets up the DragDrop object.</div>
2496 Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
2503 <dl class="detailList">
2504 <dt class="heading">Parameters:</dt>
2510 <dd>the id of the linked element</dd>
2513 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2516 <dd>the group of related items</dd>
2519 <span class="fixedFont">object</span> <b>config</b>
2522 <dd>configuration attributes</dd>
2540 <td class="msource">
2542 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2548 <tr class="method-row config-row-alt1 expandable">
2549 <td class="micon"><a class="exi" href="#expand"> </a></td>
2553 <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
2554 <div class="fixedFont">
2555 <span class="attributes"></span><b class="itemname">initFrame</b>
2564 <div class="short">Initialization for the drag frame element.</div>
2570 Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
2591 <td class="msource">
2593 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
2599 <tr class="method-row config-row-alt0 expandable">
2600 <td class="micon"><a class="exi" href="#expand"> </a></td>
2604 <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
2605 <div class="fixedFont">
2606 <span class="attributes"></span><b class="itemname">initTarget</b>
2608 (<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>)
2615 <div class="short">Initializes Targeting functionality only.</div>
2621 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
2628 <dl class="detailList">
2629 <dt class="heading">Parameters:</dt>
2635 <dd>the id of the linked element</dd>
2638 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
2641 <dd>the group of related items</dd>
2644 <span class="fixedFont">object</span> <b>config</b>
2647 <dd>configuration attributes</dd>
2665 <td class="msource">
2667 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2673 <tr class="method-row config-row-alt1 expandable">
2674 <td class="micon"><a class="exi" href="#expand"> </a></td>
2678 <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
2679 <div class="fixedFont">
2680 <span class="attributes"></span><b class="itemname">isLocked</b>
2697 <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>
2703 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.)
2714 <dl class="detailList">
2715 <dt class="heading">Returns:</dt>
2717 <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
2731 <td class="msource">
2733 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2739 <tr class="method-row config-row-alt0 expandable">
2740 <td class="micon"><a class="exi" href="#expand"> </a></td>
2744 <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
2745 <div class="fixedFont">
2746 <span class="attributes"></span><b class="itemname">isTarget</b>
2755 <div class="short">By default, all insances can be a drop target.</div>
2761 By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
2782 <td class="msource">
2784 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2790 <tr class="method-row config-row-alt1 expandable">
2791 <td class="micon"><a class="exi" href="#expand"> </a></td>
2795 <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
2796 <div class="fixedFont">
2797 <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
2799 (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
2814 <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
2820 Checks the tag exclusion list to see if this click should be ignored
2827 <dl class="detailList">
2828 <dt class="heading">Parameters:</dt>
2831 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2834 <dd>the HTMLElement to evaluate</dd>
2842 <dl class="detailList">
2843 <dt class="heading">Returns:</dt>
2845 <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
2859 <td class="msource">
2861 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2867 <tr class="method-row config-row-alt0 expandable">
2868 <td class="micon"><a class="exi" href="#expand"> </a></td>
2872 <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
2873 <div class="fixedFont">
2874 <span class="attributes"></span><b class="itemname">lock</b>
2883 <div class="short">Lock this instance</div>
2910 <td class="msource">
2912 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2918 <tr class="method-row config-row-alt1 expandable">
2919 <td class="micon"><a class="exi" href="#expand"> </a></td>
2923 <a id="Roo.util.Observable-method-on" name=".on"></a>
2924 <div class="fixedFont">
2925 <span class="attributes"></span><b class="itemname">on</b>
2927 (<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>)
2934 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2940 Appends an event handler to this element (shorthand for addListener)
2947 <dl class="detailList">
2948 <dt class="heading">Parameters:</dt>
2951 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2954 <dd>The type of event to listen for</dd>
2957 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2960 <dd>The method the event invokes</dd>
2963 <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>
2966 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2969 <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>
2990 <td class="msource">
2992 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2998 <tr class="method-row config-row-alt0 expandable">
2999 <td class="micon"><a class="exi" href="#expand"> </a></td>
3003 <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
3004 <div class="fixedFont">
3005 <span class="attributes"></span><b class="itemname">onAvailable</b>
3014 <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
3020 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
3041 <td class="msource">
3043 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3049 <tr class="method-row config-row-alt1 expandable">
3050 <td class="micon"><a class="exi" href="#expand"> </a></td>
3054 <a id="Roo.dd.DragSource-method-onBeforeDrag" name=".onBeforeDrag"></a>
3055 <div class="fixedFont">
3056 <span class="attributes"></span><b class="itemname">onBeforeDrag</b>
3058 (<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>)
3064 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3073 <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>
3079 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.
3086 <dl class="detailList">
3087 <dt class="heading">Parameters:</dt>
3090 <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>
3093 <dd>An object containing arbitrary data to be shared with drop targets</dd>
3096 <span class="fixedFont">Event</span> <b>e</b>
3099 <dd>The event object</dd>
3107 <dl class="detailList">
3108 <dt class="heading">Returns:</dt>
3110 <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>
3124 <td class="msource">
3126 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
3132 <tr class="method-row config-row-alt0 expandable">
3133 <td class="micon"><a class="exi" href="#expand"> </a></td>
3137 <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
3138 <div class="fixedFont">
3139 <span class="attributes"></span><b class="itemname">onDrag</b>
3141 (Event <B><i>e</i></B>)
3148 <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
3154 Abstract method called during the onMouseMove event while dragging an<br/>object.
3161 <dl class="detailList">
3162 <dt class="heading">Parameters:</dt>
3165 <span class="fixedFont">Event</span> <b>e</b>
3168 <dd>the mousemove event</dd>
3186 <td class="msource">
3188 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3194 <tr class="method-row config-row-alt1 expandable">
3195 <td class="micon"><a class="exi" href="#expand"> </a></td>
3199 <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
3200 <div class="fixedFont">
3201 <span class="attributes"></span><b class="itemname">onDragDrop</b>
3203 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3210 <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
3216 Abstract method called when this item is dropped on another DragDrop<br/>obj
3223 <dl class="detailList">
3224 <dt class="heading">Parameters:</dt>
3227 <span class="fixedFont">Event</span> <b>e</b>
3230 <dd>the mouseup event</dd>
3233 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3236 <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>
3254 <td class="msource">
3256 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3262 <tr class="method-row config-row-alt0 expandable">
3263 <td class="micon"><a class="exi" href="#expand"> </a></td>
3267 <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
3268 <div class="fixedFont">
3269 <span class="attributes"></span><b class="itemname">onDragEnter</b>
3271 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3278 <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
3284 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
3291 <dl class="detailList">
3292 <dt class="heading">Parameters:</dt>
3295 <span class="fixedFont">Event</span> <b>e</b>
3298 <dd>the mousemove event</dd>
3301 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3304 <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>
3322 <td class="msource">
3324 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3330 <tr class="method-row config-row-alt1 expandable">
3331 <td class="micon"><a class="exi" href="#expand"> </a></td>
3335 <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
3336 <div class="fixedFont">
3337 <span class="attributes"></span><b class="itemname">onDragOut</b>
3339 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3346 <div class="short">Abstract method called when we are no longer hovering over an element</div>
3352 Abstract method called when we are no longer hovering over an element
3359 <dl class="detailList">
3360 <dt class="heading">Parameters:</dt>
3363 <span class="fixedFont">Event</span> <b>e</b>
3366 <dd>the mousemove event</dd>
3369 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3372 <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>
3390 <td class="msource">
3392 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3398 <tr class="method-row config-row-alt0 expandable">
3399 <td class="micon"><a class="exi" href="#expand"> </a></td>
3403 <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
3404 <div class="fixedFont">
3405 <span class="attributes"></span><b class="itemname">onDragOver</b>
3407 (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3414 <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
3420 Abstract method called when this element is hovering over another<br/>DragDrop obj
3427 <dl class="detailList">
3428 <dt class="heading">Parameters:</dt>
3431 <span class="fixedFont">Event</span> <b>e</b>
3434 <dd>the mousemove event</dd>
3437 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
3440 <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>
3458 <td class="msource">
3460 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3466 <tr class="method-row config-row-alt1 expandable notInherited">
3467 <td class="micon"><a class="exi" href="#expand"> </a></td>
3471 <a id="Roo.dd.DragZone-method-onInitDrag" name=".onInitDrag"></a>
3472 <div class="fixedFont">
3473 <span class="attributes"></span><b class="itemname">onInitDrag</b>
3475 (<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>)
3481 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3490 <div class="short">Called once drag threshold has been reached to initialize the proxy element.</div>
3496 Called once drag threshold has been reached to initialize the proxy element. By default, it clones the<br/>this.dragData.ddel
3503 <dl class="detailList">
3504 <dt class="heading">Parameters:</dt>
3507 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3510 <dd>The x position of the click on the dragged object</dd>
3513 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3516 <dd>The y position of the click on the dragged object</dd>
3524 <dl class="detailList">
3525 <dt class="heading">Returns:</dt>
3527 <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>
3541 <td class="msource">
3549 <tr class="method-row config-row-alt0 expandable">
3550 <td class="micon"><a class="exi" href="#expand"> </a></td>
3554 <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
3555 <div class="fixedFont">
3556 <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
3558 (Event <B><i>e</i></B>)
3565 <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
3571 Abstract method called when this item is dropped on an area with no<br/>drop target
3578 <dl class="detailList">
3579 <dt class="heading">Parameters:</dt>
3582 <span class="fixedFont">Event</span> <b>e</b>
3585 <dd>the mouseup event</dd>
3603 <td class="msource">
3605 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3611 <tr class="method-row config-row-alt1 expandable">
3612 <td class="micon"><a class="exi" href="#expand"> </a></td>
3616 <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
3617 <div class="fixedFont">
3618 <span class="attributes"></span><b class="itemname">onMouseDown</b>
3620 (Event <B><i>e</i></B>)
3627 <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
3633 Event handler that fires when a drag/drop obj gets a mousedown
3640 <dl class="detailList">
3641 <dt class="heading">Parameters:</dt>
3644 <span class="fixedFont">Event</span> <b>e</b>
3647 <dd>the mousedown event</dd>
3665 <td class="msource">
3667 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3673 <tr class="method-row config-row-alt0 expandable">
3674 <td class="micon"><a class="exi" href="#expand"> </a></td>
3678 <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
3679 <div class="fixedFont">
3680 <span class="attributes"></span><b class="itemname">onMouseUp</b>
3682 (Event <B><i>e</i></B>)
3689 <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
3695 Event handler that fires when a drag/drop obj gets a mouseup
3702 <dl class="detailList">
3703 <dt class="heading">Parameters:</dt>
3706 <span class="fixedFont">Event</span> <b>e</b>
3709 <dd>the mouseup event</dd>
3727 <td class="msource">
3729 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3735 <tr class="method-row config-row-alt1 expandable">
3736 <td class="micon"><a class="exi" href="#expand"> </a></td>
3740 <a id="Roo.dd.DragSource-method-onStartDrag" name=".onStartDrag"></a>
3741 <div class="fixedFont">
3742 <span class="attributes"></span><b class="itemname">onStartDrag</b>
3744 (<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>)
3751 <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>
3757 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.
3764 <dl class="detailList">
3765 <dt class="heading">Parameters:</dt>
3768 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3771 <dd>The x position of the click on the dragged object</dd>
3774 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3777 <dd>The y position of the click on the dragged object</dd>
3795 <td class="msource">
3797 <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
3803 <tr class="method-row config-row-alt0 expandable">
3804 <td class="micon"><a class="exi" href="#expand"> </a></td>
3808 <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
3809 <div class="fixedFont">
3810 <span class="attributes"></span><b class="itemname">padding</b>
3819 <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
3825 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
3846 <td class="msource">
3848 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3854 <tr class="method-row config-row-alt1 expandable">
3855 <td class="micon"><a class="exi" href="#expand"> </a></td>
3859 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
3860 <div class="fixedFont">
3861 <span class="attributes"></span><b class="itemname">purgeListeners</b>
3870 <div class="short">Removes all listeners for this object</div>
3876 Removes all listeners for this object
3897 <td class="msource">
3899 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3905 <tr class="method-row config-row-alt0 expandable">
3906 <td class="micon"><a class="exi" href="#expand"> </a></td>
3910 <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
3911 <div class="fixedFont">
3912 <span class="attributes"></span><b class="itemname">removeFromGroup</b>
3914 (string <B><i>sGroup</i></B>)
3921 <div class="short">Remove's this instance from the supplied interaction group</div>
3927 Remove's this instance from the supplied interaction group
3934 <dl class="detailList">
3935 <dt class="heading">Parameters:</dt>
3938 <span class="fixedFont">string</span> <b>sGroup</b>
3941 <dd>The group to drop</dd>
3959 <td class="msource">
3961 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3967 <tr class="method-row config-row-alt1 expandable">
3968 <td class="micon"><a class="exi" href="#expand"> </a></td>
3972 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
3973 <div class="fixedFont">
3974 <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
3976 (string <B><i>cssClass</i></B>)
3983 <div class="short">Unsets an invalid css class</div>
3989 Unsets an invalid css class
3996 <dl class="detailList">
3997 <dt class="heading">Parameters:</dt>
4000 <span class="fixedFont">string</span> <b>cssClass</b>
4003 <dd>the class of the element(s) you wish to<br/>re-enable</dd>
4021 <td class="msource">
4023 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4029 <tr class="method-row config-row-alt0 expandable">
4030 <td class="micon"><a class="exi" href="#expand"> </a></td>
4034 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
4035 <div class="fixedFont">
4036 <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
4038 (string <B><i>id</i></B>)
4045 <div class="short">Unsets an invalid handle id</div>
4051 Unsets an invalid handle id
4058 <dl class="detailList">
4059 <dt class="heading">Parameters:</dt>
4062 <span class="fixedFont">string</span> <b>id</b>
4065 <dd>the id of the element to re-enable</dd>
4083 <td class="msource">
4085 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4091 <tr class="method-row config-row-alt1 expandable">
4092 <td class="micon"><a class="exi" href="#expand"> </a></td>
4096 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
4097 <div class="fixedFont">
4098 <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
4100 (string <B><i>tagName</i></B>)
4107 <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
4113 Unsets an excluded tag name set by addInvalidHandleType
4120 <dl class="detailList">
4121 <dt class="heading">Parameters:</dt>
4124 <span class="fixedFont">string</span> <b>tagName</b>
4127 <dd>the type of element to unexclude</dd>
4145 <td class="msource">
4147 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4153 <tr class="method-row config-row-alt0 expandable">
4154 <td class="micon"><a class="exi" href="#expand"> </a></td>
4158 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
4159 <div class="fixedFont">
4160 <span class="attributes"></span><b class="itemname">removeListener</b>
4162 (<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>)
4169 <div class="short">Removes a listener</div>
4182 <dl class="detailList">
4183 <dt class="heading">Parameters:</dt>
4186 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
4189 <dd>The type of event to listen for</dd>
4192 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
4195 <dd>The handler to remove</dd>
4198 <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>
4201 <dd>(optional) The scope (this object) for the handler</dd>
4219 <td class="msource">
4221 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4227 <tr class="method-row config-row-alt1 expandable">
4228 <td class="micon"><a class="exi" href="#expand"> </a></td>
4232 <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
4233 <div class="fixedFont">
4234 <span class="attributes"></span><b class="itemname">resetConstraints</b>
4236 (boolean <B><i>maintainOffset</i></B>)
4243 <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
4249 resetConstraints must be called if you manually reposition a dd element.
4256 <dl class="detailList">
4257 <dt class="heading">Parameters:</dt>
4260 <span class="fixedFont">boolean</span> <b>maintainOffset</b>
4281 <td class="msource">
4283 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4289 <tr class="method-row config-row-alt0 expandable">
4290 <td class="micon"><a class="exi" href="#expand"> </a></td>
4294 <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
4295 <div class="fixedFont">
4296 <span class="attributes"></span><b class="itemname">setDelta</b>
4298 (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
4305 <div class="short">Sets the pointer offset.</div>
4311 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)
4318 <dl class="detailList">
4319 <dt class="heading">Parameters:</dt>
4322 <span class="fixedFont">int</span> <b>iDeltaX</b>
4325 <dd>the distance from the left</dd>
4328 <span class="fixedFont">int</span> <b>iDeltaY</b>
4331 <dd>the distance from the top</dd>
4349 <td class="msource">
4351 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4357 <tr class="method-row config-row-alt1 expandable">
4358 <td class="micon"><a class="exi" href="#expand"> </a></td>
4362 <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
4363 <div class="fixedFont">
4364 <span class="attributes"></span><b class="itemname">setDragElId</b>
4373 <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>
4379 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
4386 <dl class="detailList">
4387 <dt class="heading">Parameters:</dt>
4393 <dd>{string} the id of the element that will be used to initiate the drag</dd>
4411 <td class="msource">
4413 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4419 <tr class="method-row config-row-alt0 expandable">
4420 <td class="micon"><a class="exi" href="#expand"> </a></td>
4424 <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
4425 <div class="fixedFont">
4426 <span class="attributes"></span><b class="itemname">setDragElPos</b>
4428 (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
4435 <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>
4441 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.
4448 <dl class="detailList">
4449 <dt class="heading">Parameters:</dt>
4452 <span class="fixedFont">int</span> <b>iPageX</b>
4455 <dd>the X coordinate of the mousedown or drag event</dd>
4458 <span class="fixedFont">int</span> <b>iPageY</b>
4461 <dd>the Y coordinate of the mousedown or drag event</dd>
4479 <td class="msource">
4481 <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4487 <tr class="method-row config-row-alt1 expandable">
4488 <td class="micon"><a class="exi" href="#expand"> </a></td>
4492 <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
4493 <div class="fixedFont">
4494 <span class="attributes"></span><b class="itemname">setHandleElId</b>
4503 <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
4509 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.
4516 <dl class="detailList">
4517 <dt class="heading">Parameters:</dt>
4523 <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
4541 <td class="msource">
4543 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4549 <tr class="method-row config-row-alt0 expandable">
4550 <td class="micon"><a class="exi" href="#expand"> </a></td>
4554 <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
4555 <div class="fixedFont">
4556 <span class="attributes"></span><b class="itemname">setInitPosition</b>
4558 (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
4565 <div class="short">Stores the initial placement of the linked element.</div>
4571 Stores the initial placement of the linked element.
4578 <dl class="detailList">
4579 <dt class="heading">Parameters:</dt>
4582 <span class="fixedFont">int</span> <b>diffX</b>
4585 <dd>the X offset, default 0</dd>
4588 <span class="fixedFont">int</span> <b>diffY</b>
4591 <dd>the Y offset, default 0</dd>
4609 <td class="msource">
4611 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4617 <tr class="method-row config-row-alt1 expandable">
4618 <td class="micon"><a class="exi" href="#expand"> </a></td>
4622 <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
4623 <div class="fixedFont">
4624 <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
4633 <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
4639 Allows you to set an element outside of the linked element as a drag<br/>handle
4646 <dl class="detailList">
4647 <dt class="heading">Parameters:</dt>
4653 <dd>the id of the element that will be used to initiate the drag</dd>
4671 <td class="msource">
4673 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4679 <tr class="method-row config-row-alt0 expandable">
4680 <td class="micon"><a class="exi" href="#expand"> </a></td>
4684 <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
4685 <div class="fixedFont">
4686 <span class="attributes"></span><b class="itemname">setPadding</b>
4688 (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
4695 <div class="short">Configures the padding for the target zone in px.</div>
4701 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.
4708 <dl class="detailList">
4709 <dt class="heading">Parameters:</dt>
4712 <span class="fixedFont">int</span> <b>iTop</b>
4718 <span class="fixedFont">int</span> <b>iRight</b>
4724 <span class="fixedFont">int</span> <b>iBot</b>
4730 <span class="fixedFont">int</span> <b>iLeft</b>
4751 <td class="msource">
4753 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4759 <tr class="method-row config-row-alt1 expandable">
4760 <td class="micon"><a class="exi" href="#expand"> </a></td>
4764 <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
4765 <div class="fixedFont">
4766 <span class="attributes"></span><b class="itemname">setXConstraint</b>
4768 (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
4775 <div class="short">By default, the element can be dragged any place on the screen.</div>
4781 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.
4788 <dl class="detailList">
4789 <dt class="heading">Parameters:</dt>
4792 <span class="fixedFont">int</span> <b>iLeft</b>
4795 <dd>the number of pixels the element can move to the left</dd>
4798 <span class="fixedFont">int</span> <b>iRight</b>
4801 <dd>the number of pixels the element can move to the<br/>right</dd>
4804 <span class="fixedFont">int</span> <b>iTickSize</b>
4807 <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
4825 <td class="msource">
4827 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4833 <tr class="method-row config-row-alt0 expandable">
4834 <td class="micon"><a class="exi" href="#expand"> </a></td>
4838 <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
4839 <div class="fixedFont">
4840 <span class="attributes"></span><b class="itemname">setYConstraint</b>
4842 (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
4849 <div class="short">By default, the element can be dragged any place on the screen.</div>
4855 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.
4862 <dl class="detailList">
4863 <dt class="heading">Parameters:</dt>
4866 <span class="fixedFont">int</span> <b>iUp</b>
4869 <dd>the number of pixels the element can move up</dd>
4872 <span class="fixedFont">int</span> <b>iDown</b>
4875 <dd>the number of pixels the element can move down</dd>
4878 <span class="fixedFont">int</span> <b>iTickSize</b>
4881 <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
4899 <td class="msource">
4901 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4907 <tr class="method-row config-row-alt1 expandable">
4908 <td class="micon"><a class="exi" href="#expand"> </a></td>
4912 <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
4913 <div class="fixedFont">
4914 <span class="attributes"></span><b class="itemname">startDrag</b>
4916 (int <B><i>X</i></B>, int <B><i>Y</i></B>)
4923 <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>
4929 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
4936 <dl class="detailList">
4937 <dt class="heading">Parameters:</dt>
4940 <span class="fixedFont">int</span> <b>X</b>
4943 <dd>click location</dd>
4946 <span class="fixedFont">int</span> <b>Y</b>
4949 <dd>click location</dd>
4967 <td class="msource">
4969 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4975 <tr class="method-row config-row-alt0 expandable">
4976 <td class="micon"><a class="exi" href="#expand"> </a></td>
4980 <a id="Roo.util.Observable-method-un" name=".un"></a>
4981 <div class="fixedFont">
4982 <span class="attributes"></span><b class="itemname">un</b>
4984 (<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>)
4991 <div class="short">Removes a listener (shorthand for removeListener)</div>
4997 Removes a listener (shorthand for removeListener)
5004 <dl class="detailList">
5005 <dt class="heading">Parameters:</dt>
5008 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
5011 <dd>The type of event to listen for</dd>
5014 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
5017 <dd>The handler to remove</dd>
5020 <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>
5023 <dd>(optional) The scope (this object) for the handler</dd>
5041 <td class="msource">
5043 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5049 <tr class="method-row config-row-alt1 expandable">
5050 <td class="micon"><a class="exi" href="#expand"> </a></td>
5054 <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
5055 <div class="fixedFont">
5056 <span class="attributes"></span><b class="itemname">unlock</b>
5065 <div class="short">Unlock this instace</div>
5092 <td class="msource">
5094 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
5100 <tr class="method-row config-row-alt0 expandable">
5101 <td class="micon"><a class="exi" href="#expand"> </a></td>
5105 <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
5106 <div class="fixedFont">
5107 <span class="attributes"></span><b class="itemname">unreg</b>
5116 <div class="short">Remove all drag and drop hooks for this element</div>
5122 Remove all drag and drop hooks for this element
5143 <td class="msource">
5145 <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
5154 <!-- ============================== events summary / details ======================== -->
5157 <a id="Roo.dd.DragZone-events"></a>
5163 <table cellspacing="0" class="member-table">
5164 <caption class="Empty">Events - Has None</caption>
5175 <!-- ============================== footer ================================= -->
5176 <div class="fineprint" style="clear:both">
5178 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Apr 15 2016 17:40:04 GMT+0800 (HKT)
5180 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>