<!-- ============================== inheritance Block. ================================= -->
<div class="inheritance res-block">
- <pre class="res-block-inner"><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
-<img src="../../images/default/s.gif" height="1" width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DDProxy
+ <pre class="res-block-inner"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+<img src="../../images/default/s.gif" height="1" width="20"/><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>
+<img src="../../images/default/s.gif" height="1" width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DDProxy
</pre>
</div>
<tr><td class="label">Class:</td><td class="hd-info">DDProxy</td></tr>
+ <tr><td class="label">Subclasses:</td><td class="hd-info">
+ <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>, <a href="./Roo.dd.DragZone.html#constructor" roo:cls="Roo.dd.DragZone.html#constructor">Roo.dd.DragZone</a>
+
+
+
+ </td></tr>
+
<tr><td class="label">Extends:</td><td class="hd-info">
</tr>
- <tr class="method-row config-row-alt1 expandable notInherited">
+ <tr class="method-row config-row-alt1 expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
- <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
+ <a id="Roo.dd.DragDrop-method-addInvalidHandleClass" name=".addInvalidHandleClass"></a>
<div class="fixedFont">
- <span class="attributes"></span><b class="itemname">createFrame</b>
+ <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
- ()
+ (string <B><i>cssClass</i></B>)
</div>
<div class="mdesc">
- <div class="short">Creates the proxy element if it does not yet exist</div>
+ <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
<div class="long">
- Creates the proxy element if it does not yet exist
+ Lets you specify a css class of elements that will not initiate a drag
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>cssClass</b>
+
+ </dt>
+ <dd>the class of the elements you wish to ignore</dd>
+
+ </dl>
+
</td>
<td class="msource">
- Roo.dd.DDProxy
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
</td>
</tr>
- <tr class="method-row config-row-alt0 expandable notInherited">
+ <tr class="method-row config-row-alt0 expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
- <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
+ <a id="Roo.dd.DragDrop-method-addInvalidHandleId" name=".addInvalidHandleId"></a>
<div class="fixedFont">
- <span class="attributes"></span><b class="itemname">initFrame</b>
+ <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
+
+ (string <B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>id</b>
+
+ </dt>
+ <dd>the element id of the element you wish to ignore</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-addInvalidHandleType" name=".addInvalidHandleType"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
+
+ (string <B><i>tagName</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>tagName</b>
+
+ </dt>
+ <dd>the type of element to exclude</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-addToGroup" name=".addToGroup"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">addToGroup</b>
+
+ (<B><i>sGroup</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Add this instance to a group of related drag/drop objects.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>sGroup</b>
+
+ </dt>
+ <dd>{string} the name of the group</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DD-method-alignElWithMouse" name=".alignElWithMouse"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
+
+ (<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>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>el</b>
+
+ </dt>
+ <dd>the element to move</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iPageX</b>
+
+ </dt>
+ <dd>the X coordinate of the mousedown or drag event</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iPageY</b>
+
+ </dt>
+ <dd>the Y coordinate of the mousedown or drag event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-applyConfig" name=".applyConfig"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">applyConfig</b>
()
</div>
<div class="mdesc">
- <div class="short">Initialization for the drag frame element.</div>
+ <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
<div class="long">
- Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
+ 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.
</td>
<td class="msource">
- Roo.dd.DDProxy
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DD-method-autoOffset" name=".autoOffset"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">autoOffset</b>
+
+ (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iPageX</b>
+
+ </dt>
+ <dd>the X coordinate of the click</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iPageY</b>
+
+ </dt>
+ <dd>the Y coordinate of the click</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DD-method-cachePosition" name=".cachePosition"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">cachePosition</b>
+
+ (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>iPageX</b>
+
+ </dt>
+ <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
+
+ <dt>
+ <b>iPageY</b>
+
+ </dt>
+ <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-clearConstraints" name=".clearConstraints"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">clearConstraints</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Clears any constraints applied to this instance.</div>
+
+
+
+ <div class="long">
+
+ Clears any constraints applied to this instance. Also clears ticks<br/>since they can't exist independent of a constraint at this time.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-clearTicks" name=".clearTicks"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">clearTicks</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Clears any tick interval defined for this instance</div>
+
+
+
+ <div class="long">
+
+ Clears any tick interval defined for this instance
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DDProxy-method-createFrame" name=".createFrame"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">createFrame</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Creates the proxy element if it does not yet exist</div>
+
+
+
+ <div class="long">
+
+ Creates the proxy element if it does not yet exist
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DDProxy
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-endDrag" name=".endDrag"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">endDrag</b>
+
+ (Event <B><i>e</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Fired when we are done dragging the object</div>
+
+
+
+ <div class="long">
+
+ Fired when we are done dragging the object
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mouseup event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-function toString() {
+ [native code]
+}" name=".function toString() {
+ [native code]
+}"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">function toString() {
+ [native code]
+}</b>
+
+ ()
+
+
+ :
+
+
+ string
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">toString method</div>
+
+
+
+ <div class="long">
+
+ toString method
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">string</span> string representation of the dd obj</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-getDragEl" name=".getDragEl"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">getDragEl</b>
+
+ ()
+
+
+ :
+
+
+ <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns a reference to the actual element to drag.</div>
+
+
+
+ <div class="long">
+
+ 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
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <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>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-getEl" name=".getEl"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">getEl</b>
+
+ ()
+
+
+ :
+
+
+ <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns a reference to the linked element</div>
+
+
+
+ <div class="long">
+
+ Returns a reference to the linked element
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <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>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-init" name=".init"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">init</b>
+
+ (<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>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Sets up the DragDrop object.</div>
+
+
+
+ <div class="long">
+
+ Sets up the DragDrop object. Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>id</b>
+
+ </dt>
+ <dd>the id of the linked element</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
+
+ </dt>
+ <dd>the group of related items</dd>
+
+ <dt>
+ <span class="fixedFont">object</span> <b>config</b>
+
+ </dt>
+ <dd>configuration attributes</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DDProxy-method-initFrame" name=".initFrame"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">initFrame</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Initialization for the drag frame element.</div>
+
+
+
+ <div class="long">
+
+ Initialization for the drag frame element. Must be called in the<br/>constructor of all subclasses
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DDProxy
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-initTarget" name=".initTarget"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">initTarget</b>
+
+ (<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>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Initializes Targeting functionality only.</div>
+
+
+
+ <div class="long">
+
+ Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>id</b>
+
+ </dt>
+ <dd>the id of the linked element</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
+
+ </dt>
+ <dd>the group of related items</dd>
+
+ <dt>
+ <span class="fixedFont">object</span> <b>config</b>
+
+ </dt>
+ <dd>configuration attributes</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-isLocked" name=".isLocked"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">isLocked</b>
+
+ ()
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ 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.)
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if this obj or all drag/drop is locked, else<br/>false</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-isTarget" name=".isTarget"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">isTarget</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">By default, all insances can be a drop target.</div>
+
+
+
+ <div class="long">
+
+ By default, all insances can be a drop target. This can be disabled by<br/>setting isTarget to false.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-isValidHandleChild" name=".isValidHandleChild"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
+
+ (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
+
+
+
+ <div class="long">
+
+ Checks the tag exclusion list to see if this click should be ignored
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
+
+ </dt>
+ <dd>the HTMLElement to evaluate</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if this is a valid tag type, false if not</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-lock" name=".lock"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">lock</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Lock this instance</div>
+
+
+
+ <div class="long">
+
+ Lock this instance
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onAvailable" name=".onAvailable"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onAvailable</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
+
+
+
+ <div class="long">
+
+ Override the onAvailable method to do what is needed after the initial<br/>position was determined.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onDrag" name=".onDrag"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onDrag</b>
+
+ (Event <B><i>e</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
+
+
+
+ <div class="long">
+
+ Abstract method called during the onMouseMove event while dragging an<br/>object.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mousemove event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onDragDrop" name=".onDragDrop"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onDragDrop</b>
+
+ (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
+
+
+
+ <div class="long">
+
+ Abstract method called when this item is dropped on another DragDrop<br/>obj
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mouseup event</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
+
+ </dt>
+ <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>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onDragEnter" name=".onDragEnter"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onDragEnter</b>
+
+ (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
+
+
+
+ <div class="long">
+
+ Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mousemove event</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
+
+ </dt>
+ <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>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onDragOut" name=".onDragOut"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onDragOut</b>
+
+ (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Abstract method called when we are no longer hovering over an element</div>
+
+
+
+ <div class="long">
+
+ Abstract method called when we are no longer hovering over an element
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mousemove event</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
+
+ </dt>
+ <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>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onDragOver" name=".onDragOver"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onDragOver</b>
+
+ (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
+
+
+
+ <div class="long">
+
+ Abstract method called when this element is hovering over another<br/>DragDrop obj
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mousemove event</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span> <b>id</b>
+
+ </dt>
+ <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>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onInvalidDrop" name=".onInvalidDrop"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
+
+ (Event <B><i>e</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
+
+
+
+ <div class="long">
+
+ Abstract method called when this item is dropped on an area with no<br/>drop target
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mouseup event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onMouseDown" name=".onMouseDown"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onMouseDown</b>
+
+ (Event <B><i>e</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
+
+
+
+ <div class="long">
+
+ Event handler that fires when a drag/drop obj gets a mousedown
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mousedown event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-onMouseUp" name=".onMouseUp"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">onMouseUp</b>
+
+ (Event <B><i>e</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
+
+
+
+ <div class="long">
+
+ Event handler that fires when a drag/drop obj gets a mouseup
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the mouseup event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-padding" name=".padding"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">padding</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
+
+
+
+ <div class="long">
+
+ The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-removeFromGroup" name=".removeFromGroup"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">removeFromGroup</b>
+
+ (string <B><i>sGroup</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Remove's this instance from the supplied interaction group</div>
+
+
+
+ <div class="long">
+
+ Remove's this instance from the supplied interaction group
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>sGroup</b>
+
+ </dt>
+ <dd>The group to drop</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass" name=".removeInvalidHandleClass"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
+
+ (string <B><i>cssClass</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Unsets an invalid css class</div>
+
+
+
+ <div class="long">
+
+ Unsets an invalid css class
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>cssClass</b>
+
+ </dt>
+ <dd>the class of the element(s) you wish to<br/>re-enable</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-removeInvalidHandleId" name=".removeInvalidHandleId"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
+
+ (string <B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Unsets an invalid handle id</div>
+
+
+
+ <div class="long">
+
+ Unsets an invalid handle id
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>id</b>
+
+ </dt>
+ <dd>the id of the element to re-enable</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-removeInvalidHandleType" name=".removeInvalidHandleType"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
+
+ (string <B><i>tagName</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
+
+
+
+ <div class="long">
+
+ Unsets an excluded tag name set by addInvalidHandleType
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>tagName</b>
+
+ </dt>
+ <dd>the type of element to unexclude</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-resetConstraints" name=".resetConstraints"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">resetConstraints</b>
+
+ (boolean <B><i>maintainOffset</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
+
+
+
+ <div class="long">
+
+ resetConstraints must be called if you manually reposition a dd element.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">boolean</span> <b>maintainOffset</b>
+
+ </dt>
+ <dd></dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DD-method-setDelta" name=".setDelta"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setDelta</b>
+
+ (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Sets the pointer offset.</div>
+
+
+
+ <div class="long">
+
+ 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)
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iDeltaX</b>
+
+ </dt>
+ <dd>the distance from the left</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iDeltaY</b>
+
+ </dt>
+ <dd>the distance from the top</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setDragElId" name=".setDragElId"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setDragElId</b>
+
+ (<B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>id</b>
+
+ </dt>
+ <dd>{string} the id of the element that will be used to initiate the drag</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DD-method-setDragElPos" name=".setDragElPos"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setDragElPos</b>
+
+ (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iPageX</b>
+
+ </dt>
+ <dd>the X coordinate of the mousedown or drag event</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iPageY</b>
+
+ </dt>
+ <dd>the Y coordinate of the mousedown or drag event</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setHandleElId" name=".setHandleElId"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setHandleElId</b>
+
+ (<B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>id</b>
+
+ </dt>
+ <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setInitPosition" name=".setInitPosition"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setInitPosition</b>
+
+ (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Stores the initial placement of the linked element.</div>
+
+
+
+ <div class="long">
+
+ Stores the initial placement of the linked element.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>diffX</b>
+
+ </dt>
+ <dd>the X offset, default 0</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>diffY</b>
+
+ </dt>
+ <dd>the Y offset, default 0</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setOuterHandleElId" name=".setOuterHandleElId"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
+
+ (<B><i>id</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
+
+
+
+ <div class="long">
+
+ Allows you to set an element outside of the linked element as a drag<br/>handle
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>id</b>
+
+ </dt>
+ <dd>the id of the element that will be used to initiate the drag</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setPadding" name=".setPadding"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setPadding</b>
+
+ (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Configures the padding for the target zone in px.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iTop</b>
+
+ </dt>
+ <dd>Top pad</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iRight</b>
+
+ </dt>
+ <dd>Right pad</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iBot</b>
+
+ </dt>
+ <dd>Bot pad</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iLeft</b>
+
+ </dt>
+ <dd>Left pad</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setXConstraint" name=".setXConstraint"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setXConstraint</b>
+
+ (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">By default, the element can be dragged any place on the screen.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iLeft</b>
+
+ </dt>
+ <dd>the number of pixels the element can move to the left</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iRight</b>
+
+ </dt>
+ <dd>the number of pixels the element can move to the<br/>right</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iTickSize</b>
+
+ </dt>
+ <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-setYConstraint" name=".setYConstraint"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">setYConstraint</b>
+
+ (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">By default, the element can be dragged any place on the screen.</div>
+
+
+
+ <div class="long">
+
+ 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.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iUp</b>
+
+ </dt>
+ <dd>the number of pixels the element can move up</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iDown</b>
+
+ </dt>
+ <dd>the number of pixels the element can move down</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>iTickSize</b>
+
+ </dt>
+ <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-startDrag" name=".startDrag"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">startDrag</b>
+
+ (int <B><i>X</i></B>, int <B><i>Y</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <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>
+
+
+
+ <div class="long">
+
+ Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>X</b>
+
+ </dt>
+ <dd>click location</dd>
+
+ <dt>
+ <span class="fixedFont">int</span> <b>Y</b>
+
+ </dt>
+ <dd>click location</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-unlock" name=".unlock"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">unlock</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Unlock this instace</div>
+
+
+
+ <div class="long">
+
+ Unlock this instace
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt1 expandable">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDrop-method-unreg" name=".unreg"></a>
+ <div class="fixedFont">
+ <span class="attributes"></span><b class="itemname">unreg</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Remove all drag and drop hooks for this element</div>
+
+
+
+ <div class="long">
+
+ Remove all drag and drop hooks for this element
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
</td>
</tr>
<!-- ============================== footer ================================= -->
<div class="fineprint" style="clear:both">
- Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jul 16 2010 19:32:51 GMT+0800 (HKT)
+ Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Mon Jul 19 2010 11:50:46 GMT+0800 (HKT)
Based on
<a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
</div>