--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=undefined" />
+ <meta name="generator" content="JsDoc Toolkit" />
+
+
+ <title>JsDoc Reference - Roo.dd.DragDropMgr</title>
+
+
+ <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
+ <link rel="stylesheet" type="text/css" href="../default.css" />
+
+
+ <script type="text/javascript" src="../page.js">
+
+ </script>
+
+
+ </head>
+
+ <body onload="RooDocsPage.onload();">
+
+
+<div class="body-wrap">
+
+ <!-- ============================== links to methods. ================================= -->
+
+ <div class="top-tools">
+ <!--
+ <a class="inner-link" href="#Roo.dd.DragDropMgr-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
+ <a class="inner-link" href="#Roo.dd.DragDropMgr-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
+ <a class="inner-link" href="#Roo.dd.DragDropMgr-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
+ <a class="inner-link" href="#Roo.dd.DragDropMgr-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
+ <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
+ -->
+ </div>
+
+
+<!-- ============================== inheritance Block. ================================= -->
+
+<!-- ============================== class title / details ============================ -->
+
+
+ <h1 class="classTitle">
+
+ Class Roo.dd.DragDropMgr
+ </h1>
+
+ <table cellspacing="0" class="class-summary-table">
+
+ <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
+
+ <tr><td class="label">Defined In:</td><td class="hd-info">
+
+ <a href="./src/Roo_dd_DragDropMgr.js.html">Roo/dd/DragDropMgr.js</a>.
+
+ </td></tr>
+ <tr><td class="label">Class:</td><td class="hd-info">DragDropMgr</td></tr>
+
+
+
+
+ </table>
+
+
+<!-- ============================== class summary ========================== -->
+ <div class="description">
+ DragDropMgr is a singleton that tracks the element interaction for<br/>all DragDrop items in the window. Generally, you will not call<br/>this class directly, but it does have helper methods that could<br/>be useful in your DragDrop implementations.
+ </div>
+
+
+<!-- ============================== Class comment block... ========================== -->
+
+<div class="comments">
+ <b>Class Comments / Notes</B> =>
+ <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DragDropMgr';">[Add Your comment/notes about this class]</u>
+ <br/>
+ <iframe frameborder="0" id="comments-Roo.dd" style="border: none;width:100%;"
+ src="/blog.php/GtkDjsComments/Roo.dd.DragDropMgr.html"></iframe>
+</div>
+
+
+
+<!-- ============================== config options ========================== -->
+
+
+
+
+ <div class="hr"></div>
+ <a id="Roo.dd.DragDropMgr-configs"></a>
+
+
+
+ <table cellspacing="0" class="member-table">
+ <caption class="Empty">Config Options - Has None</caption>
+ </table>
+
+
+
+
+
+
+
+
+
+
+
+
+ <!-- ============================== public properties ==================== -->
+
+
+
+ <a id="Roo.dd.DragDropMgr-props"></a>
+
+
+
+
+
+ <table cellspacing="0" class="member-table">
+ <caption class="Empty">Public Properties - Has None</caption>
+ </table>
+
+
+
+
+ <!-- ============================== methods summary / details ======================== -->
+
+
+ <a id="Roo.dd.DragDropMgr-methods"></a>
+ <!-- constructor?? -->
+
+ <!-- static's first
+
+
+ -->
+
+ <!-- then dynamics first -->
+
+
+
+
+
+
+ <table cellspacing="0" class="member-table">
+ <caption>Public Methods</caption>
+ <tr>
+ <th class="sig-header" colspan="2">Method</th>
+ <th class="msource-header">Defined By</th>
+
+ </tr>
+
+
+
+
+
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-getBestMatch" name=".getBestMatch"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getBestMatch</b>
+
+ (DragDrop[] <B><i>dds</i></B>)
+
+
+ :
+
+
+ DragDrop
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Helper function for getting the best match from the list of drag<br/>and drop objects returned by the drag and drop events when we are<br/>in INTERSECT mode.</div>
+
+
+
+ <div class="long">
+
+ Helper function for getting the best match from the list of drag<br/>and drop objects returned by the drag and drop events when we are<br/>in INTERSECT mode. It returns either the first object that the<br/>cursor is over, or the object that has the greatest overlap with<br/>the dragged element.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">DragDrop[]</span> <b>dds</b>
+
+ </dt>
+ <dd>The array of drag and drop objects<br/>targeted</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">DragDrop</span> The best single match</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-getCss" name=".getCss"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getCss</b>
+
+ (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
+
+
+ :
+
+
+ <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the style property for the DOM element (i.e.</div>
+
+
+
+ <div class="long">
+
+ Returns the style property for the DOM element (i.e.,<br/>document.getElById(id).style)
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
+
+ </dt>
+ <dd>the id of the elment to get</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Deprecated:</dt>
+ <dt>
+ use Roo.getDom instead
+ </dt>
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> The style property of the element</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-getDDById" name=".getDDById"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getDDById</b>
+
+ (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
+
+
+ :
+
+
+ DragDrop
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the DragDrop instance for a given id</div>
+
+
+
+ <div class="long">
+
+ Returns the DragDrop instance for a given id
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
+
+ </dt>
+ <dd>the id of the DragDrop object</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">DragDrop</span> the drag drop object, null if it is not found</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-getElement" name=".getElement"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getElement</b>
+
+ (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
+
+
+ :
+
+
+ <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the actual DOM element</div>
+
+
+
+ <div class="long">
+
+ Returns the actual DOM element
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
+
+ </dt>
+ <dd>the id of the elment to get</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Deprecated:</dt>
+ <dt>
+ use Roo.getDom instead
+ </dt>
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> The element</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-getLocation" name=".getLocation"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getLocation</b>
+
+ (DragDrop <B><i>oDD</i></B>)
+
+
+ :
+
+
+ Roo.lib.Region
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns a Region object containing the drag and drop element's position<br/>and size, including the padding configured for it</div>
+
+
+
+ <div class="long">
+
+ Returns a Region object containing the drag and drop element's position<br/>and size, including the padding configured for it
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">DragDrop</span> <b>oDD</b>
+
+ </dt>
+ <dd>the drag and drop object to get the<br/> location for</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">Roo.lib.Region</span> a Region object representing the total area<br/> the element occupies, including any padding<br/> the instance is configured for.</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-getPosX" name=".getPosX"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getPosX</b>
+
+ (<B><i>el</i></B>)
+
+
+ :
+
+
+ int
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the X position of an html element</div>
+
+
+
+ <div class="long">
+
+ Returns the X position of an html element
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>el</b>
+
+ </dt>
+ <dd>the element for which to get the position</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Deprecated:</dt>
+ <dt>
+ use Roo.lib.Dom.getX instead
+ </dt>
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">int</span> the X coordinate</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-getPosY" name=".getPosY"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getPosY</b>
+
+ (<B><i>el</i></B>)
+
+
+ :
+
+
+ int
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the Y position of an html element</div>
+
+
+
+ <div class="long">
+
+ Returns the Y position of an html element
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>el</b>
+
+ </dt>
+ <dd>the element for which to get the position</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Deprecated:</dt>
+ <dt>
+ use Roo.lib.Dom.getY instead
+ </dt>
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">int</span> the Y coordinate</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-getRelated" name=".getRelated"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getRelated</b>
+
+ (DragDrop <B><i>p_oDD</i></B>, boolean <B><i>bTargetsOnly</i></B>)
+
+
+ :
+
+
+ DragDrop[]
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the drag and drop instances that are in all groups the<br/>passed in instance belongs to.</div>
+
+
+
+ <div class="long">
+
+ Returns the drag and drop instances that are in all groups the<br/>passed in instance belongs to.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">DragDrop</span> <b>p_oDD</b>
+
+ </dt>
+ <dd>the obj to get related data for</dd>
+
+ <dt>
+ <span class="fixedFont">boolean</span> <b>bTargetsOnly</b>
+
+ </dt>
+ <dd>if true, only return targetable objs</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">DragDrop[]</span> the related instances</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-getScrollLeft" name=".getScrollLeft"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getScrollLeft</b>
+
+ ()
+
+
+ :
+
+
+ int
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Gets the scrollLeft</div>
+
+
+
+ <div class="long">
+
+ Gets the scrollLeft
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">int</span> the document's scrollTop</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-getScrollTop" name=".getScrollTop"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getScrollTop</b>
+
+ ()
+
+
+ :
+
+
+ int
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Gets the scrollTop</div>
+
+
+
+ <div class="long">
+
+ Gets the scrollTop
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">int</span> the document's scrollTop</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-getStyle" name=".getStyle"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">getStyle</b>
+
+ (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>el</i></B>, string <B><i>styleProp</i></B>)
+
+
+ :
+
+
+ string
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns the specified element style property</div>
+
+
+
+ <div class="long">
+
+ Returns the specified element style property
+
+
+
+
+
+
+ <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</dd>
+
+ <dt>
+ <span class="fixedFont">string</span> <b>styleProp</b>
+
+ </dt>
+ <dd>the style property</dd>
+
+ </dl>
+
+
+ <dl class="detailList">
+ <dt class="heading">Deprecated:</dt>
+ <dt>
+ use Roo.lib.Dom.getStyle
+ </dt>
+ </dl>
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">string</span> The value of the style property</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-handleWasClicked" name=".handleWasClicked"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">handleWasClicked</b>
+
+ (<B><i>node</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Recursively searches the immediate parent and all child nodes for<br/>the handle element in order to determine wheter or not it was<br/>clicked.</div>
+
+
+
+ <div class="long">
+
+ Recursively searches the immediate parent and all child nodes for<br/>the handle element in order to determine wheter or not it was<br/>clicked.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>node</b>
+
+ </dt>
+ <dd>the html element to inspect</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-isDragDrop" name=".isDragDrop"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">isDragDrop</b>
+
+ (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Utility function to determine if a given element has been<br/>registered as a drag drop item.</div>
+
+
+
+ <div class="long">
+
+ Utility function to determine if a given element has been<br/>registered as a drag drop item.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
+
+ </dt>
+ <dd>the element id to check</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if this element is a DragDrop item,<br/>false otherwise</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-isHandle" name=".isHandle"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">isHandle</b>
+
+ (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Utility function to determine if a given element has been<br/>registered as a drag drop handle for the given Drag Drop object.</div>
+
+
+
+ <div class="long">
+
+ Utility function to determine if a given element has been<br/>registered as a drag drop handle for the given Drag Drop object.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
+
+ </dt>
+ <dd>the element id to check</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if this element is a DragDrop handle, false<br/>otherwise</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-isLegalTarget" name=".isLegalTarget"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">isLegalTarget</b>
+
+ (DragDrop <B><i>the</i></B>, DragDrop <B><i>the</i></B>)
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Returns true if the specified dd target is a legal target for<br/>the specifice drag obj</div>
+
+
+
+ <div class="long">
+
+ Returns true if the specified dd target is a legal target for<br/>the specifice drag obj
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">DragDrop</span> <b>the</b>
+
+ </dt>
+ <dd>drag obj</dd>
+
+ <dt>
+ <span class="fixedFont">DragDrop</span> <b>the</b>
+
+ </dt>
+ <dd>target</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if the target is a legal target for the<br/>dd obj</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-isLocked" name=".isLocked"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">isLocked</b>
+
+ ()
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Is drag and drop locked?</div>
+
+
+
+ <div class="long">
+
+ Is drag and drop locked?
+
+
+
+
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> True if drag and drop is locked, false otherwise.</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-isTypeOfDD" name=".isTypeOfDD"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">isTypeOfDD</b>
+
+ (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>the</i></B>)
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">My goal is to be able to transparently determine if an object is<br/>typeof DragDrop, and the exact subclass of DragDrop.</div>
+
+
+
+ <div class="long">
+
+ My goal is to be able to transparently determine if an object is<br/>typeof DragDrop, and the exact subclass of DragDrop. typeof<br/>returns "object", oDD.constructor.toString() always returns<br/>"DragDrop" and not the name of the subclass. So for now it just<br/>evaluates a well-known variable in DragDrop.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>the</b>
+
+ </dt>
+ <dd>object to evaluate</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if typeof oDD = DragDrop</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-lock" name=".lock"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">lock</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Lock all drag and drop functionality</div>
+
+
+
+ <div class="long">
+
+ Lock all drag and drop functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-moveToEl" name=".moveToEl"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">moveToEl</b>
+
+ (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>moveEl</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>targetEl</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Sets the x/y position of an element to the location of the<br/>target element.</div>
+
+
+
+ <div class="long">
+
+ Sets the x/y position of an element to the location of the<br/>target element.
+
+
+
+
+
+
+ <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>moveEl</b>
+
+ </dt>
+ <dd>The element to move</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>targetEl</b>
+
+ </dt>
+ <dd>The position reference element</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-numericSort" name=".numericSort"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">numericSort</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Numeric array sort function</div>
+
+
+
+ <div class="long">
+
+ Numeric array sort function
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-refreshCache" name=".refreshCache"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">refreshCache</b>
+
+ (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>groups</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Refreshes the cache of the top-left and bottom-right points of the<br/>drag and drop objects in the specified group(s).</div>
+
+
+
+ <div class="long">
+
+ Refreshes the cache of the top-left and bottom-right points of the<br/>drag and drop objects in the specified group(s). This is in the<br/>format that is stored in the drag and drop instance, so typical<br/>usage is:<br/><code><br/>Roo.dd.DragDropMgr.refreshCache(ddinstance.groups);<br/></code><br/>Alternatively:<br/><code><br/>Roo.dd.DragDropMgr.refreshCache({group1:true, group2:true});<br/></code>
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>groups</b>
+
+ </dt>
+ <dd>an associative array of groups to refresh</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-regDragDrop" name=".regDragDrop"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">regDragDrop</b>
+
+ (DragDrop <B><i>oDD</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sGroup</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Each DragDrop instance must be registered with the DragDropMgr.</div>
+
+
+
+ <div class="long">
+
+ Each DragDrop instance must be registered with the DragDropMgr.<br/>This is executed in DragDrop.init()
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">DragDrop</span> <b>oDD</b>
+
+ </dt>
+ <dd>the DragDrop object to register</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sGroup</b>
+
+ </dt>
+ <dd>the name of the group this element belongs to</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-regHandle" name=".regHandle"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">regHandle</b>
+
+ (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sDDId</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>sHandleId</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Each DragDrop handle element must be registered.</div>
+
+
+
+ <div class="long">
+
+ Each DragDrop handle element must be registered. This is done<br/>automatically when executing DragDrop.setHandleElId()
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sDDId</b>
+
+ </dt>
+ <dd>the DragDrop id this element is a handle for</dd>
+
+ <dt>
+ <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>sHandleId</b>
+
+ </dt>
+ <dd>the id of the element that is the drag<br/>handle</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-startDrag" name=".startDrag"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">startDrag</b>
+
+ (<B><i>x</i></B>, <B><i>y</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Fired when either the drag pixel threshol or the mousedown hold<br/>time threshold has been met.</div>
+
+
+
+ <div class="long">
+
+ Fired when either the drag pixel threshol or the mousedown hold<br/>time threshold has been met.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>x</b>
+
+ </dt>
+ <dd>{int} the X position of the original mousedown</dd>
+
+ <dt>
+ <b>y</b>
+
+ </dt>
+ <dd>{int} the Y position of the original mousedown</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-stopEvent" name=".stopEvent"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">stopEvent</b>
+
+ (Event <B><i>e</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Utility to stop event propagation and event default, if these<br/>features are turned on.</div>
+
+
+
+ <div class="long">
+
+ Utility to stop event propagation and event default, if these<br/>features are turned on.
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <span class="fixedFont">Event</span> <b>e</b>
+
+ </dt>
+ <dd>the event as returned by this.getEvent()</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-swapNode" name=".swapNode"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">swapNode</b>
+
+ (<B><i>n1</i></B>, <B><i>n2</i></B>)
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Swap two nodes.</div>
+
+
+
+ <div class="long">
+
+ Swap two nodes. In IE, we use the native method, for others we<br/>emulate the IE behavior
+
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Parameters:</dt>
+
+ <dt>
+ <b>n1</b>
+
+ </dt>
+ <dd>the first node to swap</dd>
+
+ <dt>
+ <b>n2</b>
+
+ </dt>
+ <dd>the other node to swap</dd>
+
+ </dl>
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ <tr class="method-row config-row-alt0 expandable notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+
+
+ <td class="sig">
+ <a id="Roo.dd.DragDropMgr-method-unlock" name=".unlock"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">unlock</b>
+
+ ()
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">Unlock all drag and drop functionality</div>
+
+
+
+ <div class="long">
+
+ Unlock all drag and drop functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </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.DragDropMgr-method-verifyEl" name=".verifyEl"></a>
+ <div class="fixedFont">
+ <span class="attributes">Roo.dd.DragDropMgr.</span><b class="itemname">verifyEl</b>
+
+ (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>el</i></B>)
+
+
+ :
+
+
+ boolean
+
+
+
+
+
+ </div>
+ <div class="mdesc">
+
+ <div class="short">This checks to make sure an element exists and is in the DOM.</div>
+
+
+
+ <div class="long">
+
+ This checks to make sure an element exists and is in the DOM. The<br/>main purpose is to handle cases where innerHTML is used to remove<br/>drag and drop objects from the DOM. IE provides an 'unspecified<br/>error' when trying to access the offsetParent of such an element
+
+
+
+
+
+
+ <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 check</dd>
+
+ </dl>
+
+
+
+
+
+ <dl class="detailList">
+ <dt class="heading">Returns:</dt>
+
+ <dd><span class="fixedFont">boolean</span> true if the element looks usable</dd>
+
+ </dl>
+
+
+
+
+
+
+
+ </div>
+ </div>
+
+ </td>
+ <td class="msource">
+
+ Roo.dd.DragDropMgr
+
+ </td>
+ </tr>
+
+
+ </table>
+
+
+ <!-- ============================== events summary / details ======================== -->
+
+
+ <a id="Roo.dd.DragDropMgr-events"></a>
+
+
+
+
+
+ <table cellspacing="0" class="member-table">
+ <caption class="Empty">Events - Has None</caption>
+ </table>
+
+
+
+
+
+
+
+
+
+<!-- ============================== 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 13 2018 14:10:54 GMT+0800 (HKT)
+ Based on
+ <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
+ </div>
+ </body>
+</html>