- <div class="body-wrap">
- <div class="top-tools">
- <a class="inner-link" href="#Ext.dd.DragDropMgr-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
- <a class="inner-link" href="#Ext.dd.DragDropMgr-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
- <a class="inner-link" href="#Ext.dd.DragDropMgr-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
- <a class="bookmark" href="../docs/?class=Ext.dd.DragDropMgr"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
- </div>
- <h1>Class Ext.dd.DragDropMgr</h1>
- <table cellspacing="0">
- <tr><td class="label">Package:</td><td class="hd-info">Ext.dd</td></tr>
- <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/DDCore.js" target="_blank">DDCore.js</a></td></tr>
- <tr><td class="label">Class:</td><td class="hd-info">DragDropMgr</td></tr>
- <tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr>
- </table>
- <div class="description">
- DragDropMgr is a singleton that tracks the element interaction for
-all DragDrop items in the window. Generally, you will not call
-this class directly, but it does have helper methods that could
-be useful in your DragDrop implementations.<br><br><i>This class is a singleton and cannot be created directly.</i> </div>
-
- <div class="hr"></div>
- <a id="Ext.dd.DragDropMgr-props"></a>
- <h2>Public Properties</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Property</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="property-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-INTERSECT"></a>\r
- <b>INTERSECT</b> : int <div class="mdesc">\r
- <div class="short"><static> In intersect mode, drag and drop interaction is defined by the
-overlap of two or more drag and drop ob...</div>\r
- <div class="long">\r
- <static> In intersect mode, drag and drop interaction is defined by the
-overlap of two or more drag and drop objects. </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-POINT"></a>\r
- <b>POINT</b> : int <div class="mdesc">\r
- <static> In point mode, drag and drop interaction is defined by the
-location of the cursor during the drag/drop </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-clickPixelThresh"></a>\r
- <b>clickPixelThresh</b> : int <div class="mdesc">\r
- <div class="short"><static> The number of pixels that the mouse needs to move after the
-mousedown before the drag is initiated. D...</div>\r
- <div class="long">\r
- <static> The number of pixels that the mouse needs to move after the
-mousedown before the drag is initiated. Default=3; </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-clickTimeThresh"></a>\r
- <b>clickTimeThresh</b> : int <div class="mdesc">\r
- <div class="short"><static> The number of milliseconds after the mousedown event to initiate the
-drag if we don't get a mouseup ev...</div>\r
- <div class="long">\r
- <static> The number of milliseconds after the mousedown event to initiate the
-drag if we don't get a mouseup event. Default=1000 </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-css"></a>\r
- <b>css</b> : Object <div class="mdesc">\r
- A reference to the style property </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-el"></a>\r
- <b>el</b> : Object <div class="mdesc">\r
- The element </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-id"></a>\r
- <b>id</b> : Object <div class="mdesc">\r
- The element id </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-mode"></a>\r
- <b>mode</b> : int <div class="mdesc">\r
- <static> The current drag and drop mode. Default: POINT </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-preventDefault"></a>\r
- <b>preventDefault</b> : boolean <div class="mdesc">\r
- <div class="short"><static> Flag to determine if we should prevent the default behavior of the
-events we define. By default this i...</div>\r
- <div class="long">\r
- <static> Flag to determine if we should prevent the default behavior of the
-events we define. By default this is true, but this can be set to
-false if you need the default behavior (not recommended) </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-stopPropagation"></a>\r
- <b>stopPropagation</b> : boolean <div class="mdesc">\r
- <div class="short"><static> Flag to determine if we should stop the propagation of the events
-we generate. This is true by default...</div>\r
- <div class="long">\r
- <static> Flag to determine if we should stop the propagation of the events
-we generate. This is true by default but you may want to set it to
-false if the html element contains other features that require the
-mouse click. </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="property-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-useCache"></a>\r
- <b>useCache</b> : boolean <div class="mdesc">\r
- <div class="short"><static> Set useCache to false if you want to force object the lookup of each
-drag and drop linked element cons...</div>\r
- <div class="long">\r
- <static> Set useCache to false if you want to force object the lookup of each
-drag and drop linked element constantly during a drag. </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- </table>
- <a id="Ext.dd.DragDropMgr-methods"></a>
- <h2>Public Methods</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Method</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getBestMatch"></a>\r
- <b>getBestMatch</b>( <code>DragDrop[] dds</code> ) : DragDrop <div class="mdesc">\r
- <div class="short"><static> Helper function for getting the best match from the list of drag
-and drop objects returned by the drag...</div>\r
- <div class="long">\r
- <static> Helper function for getting the best match from the list of drag
-and drop objects returned by the drag and drop events when we are
-in INTERSECT mode. It returns either the first object that the
-cursor is over, or the object that has the greatest overlap with
-the dragged element. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>dds</code> : DragDrop[]<div class="sub-desc">The array of drag and drop objects
-targeted</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>DragDrop</code><div class="sub-desc">The best single match</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getCss"></a>\r
- <b>getCss</b>( <code>String id</code> ) : Object <div class="mdesc">\r
- <div class="short"><b>Deprecated.</b> <static> Returns the style property for the DOM element (i.e.,
-document.getElById(id).style)</div>\r
- <div class="long">\r
- <b>Deprecated.</b> <static> Returns the style property for the DOM element (i.e.,
-document.getElById(id).style) <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>id</code> : String<div class="sub-desc">the id of the elment to get</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Object</code><div class="sub-desc">The style property of the element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getDDById"></a>\r
- <b>getDDById</b>( <code>String id</code> ) : DragDrop <div class="mdesc">\r
- <div class="short"><static> Returns the DragDrop instance for a given id</div>\r
- <div class="long">\r
- <static> Returns the DragDrop instance for a given id <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>id</code> : String<div class="sub-desc">the id of the DragDrop object</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>DragDrop</code><div class="sub-desc">the drag drop object, null if it is not found</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getElement"></a>\r
- <b>getElement</b>( <code>String id</code> ) : Object <div class="mdesc">\r
- <div class="short"><b>Deprecated.</b> <static> Returns the actual DOM element</div>\r
- <div class="long">\r
- <b>Deprecated.</b> <static> Returns the actual DOM element <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>id</code> : String<div class="sub-desc">the id of the elment to get</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Object</code><div class="sub-desc">The element</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getLocation"></a>\r
- <b>getLocation</b>( <code>DragDrop oDD</code> ) : Ext.lib.Region <div class="mdesc">\r
- <div class="short"><static> Returns a Region object containing the drag and drop element's position
-and size, including the paddin...</div>\r
- <div class="long">\r
- <static> Returns a Region object containing the drag and drop element's position
-and size, including the padding configured for it <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>oDD</code> : DragDrop<div class="sub-desc">the drag and drop object to get the
-location for</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.lib.Region</code><div class="sub-desc">a Region object representing the total area the element occupies, including any padding the instance is configured for.</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getPosX"></a>\r
- <b>getPosX</b>( <code>el the</code> ) : int <div class="mdesc">\r
- <div class="short"><b>Deprecated.</b> <static> Returns the X position of an html element</div>\r
- <div class="long">\r
- <b>Deprecated.</b> <static> Returns the X position of an html element <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>the</code> : el<div class="sub-desc">element for which to get the position</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>int</code><div class="sub-desc">the X coordinate @for DragDropMgr</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getPosY"></a>\r
- <b>getPosY</b>( <code>el the</code> ) : int <div class="mdesc">\r
- <div class="short"><b>Deprecated.</b> <static> Returns the Y position of an html element</div>\r
- <div class="long">\r
- <b>Deprecated.</b> <static> Returns the Y position of an html element <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>the</code> : el<div class="sub-desc">element for which to get the position</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>int</code><div class="sub-desc">the Y coordinate</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getRelated"></a>\r
- <b>getRelated</b>( <code>DragDrop p_oDD</code>, <code>boolean bTargetsOnly</code> ) : DragDrop[] <div class="mdesc">\r
- <div class="short"><static> Returns the drag and drop instances that are in all groups the
-passed in instance belongs to.</div>\r
- <div class="long">\r
- <static> Returns the drag and drop instances that are in all groups the
-passed in instance belongs to. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>p_oDD</code> : DragDrop<div class="sub-desc">the obj to get related data for</div></li><li><code>bTargetsOnly</code> : boolean<div class="sub-desc">if true, only return targetable objs</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>DragDrop[]</code><div class="sub-desc">the related instances</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getScrollLeft"></a>\r
- <b>getScrollLeft</b>() : int <div class="mdesc">\r
- <div class="short"><static> Gets the scrollLeft</div>\r
- <div class="long">\r
- <static> Gets the scrollLeft <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>int</code><div class="sub-desc">the document's scrollTop</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getScrollTop"></a>\r
- <b>getScrollTop</b>() : int <div class="mdesc">\r
- <div class="short"><static> Gets the scrollTop</div>\r
- <div class="long">\r
- <static> Gets the scrollTop <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>int</code><div class="sub-desc">the document's scrollTop</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-getStyle"></a>\r
- <b>getStyle</b>( <code>HTMLElement el</code>, <code>string styleProp</code> ) : string <div class="mdesc">\r
- <div class="short"><b>Deprecated.</b> <static> Returns the specified element style property</div>\r
- <div class="long">\r
- <b>Deprecated.</b> <static> Returns the specified element style property <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>el</code> : HTMLElement<div class="sub-desc">the element</div></li><li><code>styleProp</code> : string<div class="sub-desc">the style property</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>string</code><div class="sub-desc">The value of the style property</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-handleWasClicked"></a>\r
- <b>handleWasClicked</b>( <code>node the</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Recursively searches the immediate parent and all child nodes for
-the handle element in order to deter...</div>\r
- <div class="long">\r
- <static> Recursively searches the immediate parent and all child nodes for
-the handle element in order to determine wheter or not it was
-clicked. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>the</code> : node<div class="sub-desc">html element to inspect</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-isDragDrop"></a>\r
- <b>isDragDrop</b>( <code>String id</code> ) : boolean <div class="mdesc">\r
- <div class="short"><static> Utility function to determine if a given element has been
-registered as a drag drop item.</div>\r
- <div class="long">\r
- <static> Utility function to determine if a given element has been
-registered as a drag drop item. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>id</code> : String<div class="sub-desc">the element id to check</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>boolean</code><div class="sub-desc">true if this element is a DragDrop item, false otherwise</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-isHandle"></a>\r
- <b>isHandle</b>( <code>String id</code> ) : boolean <div class="mdesc">\r
- <div class="short"><static> Utility function to determine if a given element has been
-registered as a drag drop handle for the giv...</div>\r
- <div class="long">\r
- <static> Utility function to determine if a given element has been
-registered as a drag drop handle for the given Drag Drop object. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>id</code> : String<div class="sub-desc">the element id to check</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>boolean</code><div class="sub-desc">true if this element is a DragDrop handle, false otherwise</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-isLegalTarget"></a>\r
- <b>isLegalTarget</b>( <code>DragDrop the</code>, <code>DragDrop the</code> ) : boolean <div class="mdesc">\r
- <div class="short"><static> Returns true if the specified dd target is a legal target for
-the specifice drag obj</div>\r
- <div class="long">\r
- <static> Returns true if the specified dd target is a legal target for
-the specifice drag obj <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>the</code> : DragDrop<div class="sub-desc">drag obj</div></li><li><code>the</code> : DragDrop<div class="sub-desc">target</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>boolean</code><div class="sub-desc">true if the target is a legal target for the dd obj</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-isLocked"></a>\r
- <b>isLocked</b>() : boolean <div class="mdesc">\r
- <div class="short"><static> Is drag and drop locked?</div>\r
- <div class="long">\r
- <static> Is drag and drop locked? <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>boolean</code><div class="sub-desc">True if drag and drop is locked, false otherwise.</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-isTypeOfDD"></a>\r
- <b>isTypeOfDD</b>( <code>Object the</code> ) : boolean <div class="mdesc">\r
- <div class="short"><static> My goal is to be able to transparently determine if an object is
-typeof DragDrop, and the exact subcla...</div>\r
- <div class="long">\r
- <static> My goal is to be able to transparently determine if an object is
-typeof DragDrop, and the exact subclass of DragDrop. typeof
-returns "object", oDD.constructor.toString() always returns
-"DragDrop" and not the name of the subclass. So for now it just
-evaluates a well-known variable in DragDrop. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>the</code> : Object<div class="sub-desc">object to evaluate</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>boolean</code><div class="sub-desc">true if typeof oDD = DragDrop</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-lock"></a>\r
- <b>lock</b>() : void <div class="mdesc">\r
- <div class="short"><static> Lock all drag and drop functionality</div>\r
- <div class="long">\r
- <static> Lock all drag and drop functionality <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-moveToEl"></a>\r
- <b>moveToEl</b>( <code>HTMLElement moveEl</code>, <code>HTMLElement targetEl</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Sets the x/y position of an element to the location of the
-target element.</div>\r
- <div class="long">\r
- <static> Sets the x/y position of an element to the location of the
-target element. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>moveEl</code> : HTMLElement<div class="sub-desc">The element to move</div></li><li><code>targetEl</code> : HTMLElement<div class="sub-desc">The position reference element</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-numericSort"></a>\r
- <b>numericSort</b>() : void <div class="mdesc">\r
- <div class="short"><static> Numeric array sort function</div>\r
- <div class="long">\r
- <static> Numeric array sort function <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-refreshCache"></a>\r
- <b>refreshCache</b>( <code>Object groups</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Refreshes the cache of the top-left and bottom-right points of the
-drag and drop objects in the specif...</div>\r
- <div class="long">\r
- <static> Refreshes the cache of the top-left and bottom-right points of the
-drag and drop objects in the specified group(s). This is in the
-format that is stored in the drag and drop instance, so typical
-usage is:
-<code>
-Ext.dd.DragDropMgr.refreshCache(ddinstance.groups);
-</code>
-Alternatively:
-<code>
-Ext.dd.DragDropMgr.refreshCache({group1:true, group2:true});
-</code>
-@TODO this really should be an indexed array. Alternatively this
-method could accept both. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>groups</code> : Object<div class="sub-desc">an associative array of groups to refresh</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-regDragDrop"></a>\r
- <b>regDragDrop</b>( <code>DragDrop oDD</code>, <code>String sGroup</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Each DragDrop instance must be registered with the DragDropMgr.
-This is executed in DragDrop.init()</div>\r
- <div class="long">\r
- <static> Each DragDrop instance must be registered with the DragDropMgr.
-This is executed in DragDrop.init() <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>oDD</code> : DragDrop<div class="sub-desc">the DragDrop object to register</div></li><li><code>sGroup</code> : String<div class="sub-desc">the name of the group this element belongs to</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-regHandle"></a>\r
- <b>regHandle</b>( <code>String sDDId</code>, <code>String sHandleId</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Each DragDrop handle element must be registered. This is done
-automatically when executing DragDrop.s...</div>\r
- <div class="long">\r
- <static> Each DragDrop handle element must be registered. This is done
-automatically when executing DragDrop.setHandleElId() <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>sDDId</code> : String<div class="sub-desc">the DragDrop id this element is a handle for</div></li><li><code>sHandleId</code> : String<div class="sub-desc">the id of the element that is the drag
-handle</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-startDrag"></a>\r
- <b>startDrag</b>( <code>x {int}</code>, <code>y {int}</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Fired when either the drag pixel threshol or the mousedown hold
-time threshold has been met.</div>\r
- <div class="long">\r
- <static> Fired when either the drag pixel threshol or the mousedown hold
-time threshold has been met. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>{int}</code> : x<div class="sub-desc">the X position of the original mousedown</div></li><li><code>{int}</code> : y<div class="sub-desc">the Y position of the original mousedown</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-stopEvent"></a>\r
- <b>stopEvent</b>( <code>Event e</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Utility to stop event propagation and event default, if these
-features are turned on.</div>\r
- <div class="long">\r
- <static> Utility to stop event propagation and event default, if these
-features are turned on. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>e</code> : Event<div class="sub-desc">the event as returned by this.getEvent()</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-swapNode"></a>\r
- <b>swapNode</b>( <code>n1 the</code>, <code>n2 the</code> ) : void <div class="mdesc">\r
- <div class="short"><static> Swap two nodes. In IE, we use the native method, for others we
-emulate the IE behavior</div>\r
- <div class="long">\r
- <static> Swap two nodes. In IE, we use the native method, for others we
-emulate the IE behavior <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>the</code> : n1<div class="sub-desc">first node to swap</div></li><li><code>the</code> : n2<div class="sub-desc">other node to swap</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-unlock"></a>\r
- <b>unlock</b>() : void <div class="mdesc">\r
- <div class="short"><static> Unlock all drag and drop functionality</div>\r
- <div class="long">\r
- <static> Unlock all drag and drop functionality <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- <tr class="method-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.dd.DragDropMgr-verifyEl"></a>\r
- <b>verifyEl</b>( <code>HTMLElement el</code> ) : boolean <div class="mdesc">\r
- <div class="short"><static> This checks to make sure an element exists and is in the DOM. The
-main purpose is to handle cases whe...</div>\r
- <div class="long">\r
- <static> This checks to make sure an element exists and is in the DOM. The
-main purpose is to handle cases where innerHTML is used to remove
-drag and drop objects from the DOM. IE provides an 'unspecified
-error' when trying to access the offsetParent of such an element <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>el</code> : HTMLElement<div class="sub-desc">the element to check</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>boolean</code><div class="sub-desc">true if the element looks usable</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">DragDropMgr</td>\r
- </tr>\r
- </table>
- <a id="Ext.dd.DragDropMgr-events"></a>
- <h2>Public Events</h2>
- <div class="no-members">This class has no public events.</div>
- </div>
\ No newline at end of file