Fix #5654 - roojspacker - get it working as a doc tool...
[roojs1] / docs / symbols / Roo.dd.DragZone.html
diff --git a/docs/symbols/Roo.dd.DragZone.html b/docs/symbols/Roo.dd.DragZone.html
deleted file mode 100644 (file)
index c5c7d69..0000000
+++ /dev/null
@@ -1,5183 +0,0 @@
-<!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.DragZone</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.DragZone-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
-        <a class="inner-link" href="#Roo.dd.DragZone-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
-        <a class="inner-link" href="#Roo.dd.DragZone-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
-        <a class="inner-link" href="#Roo.dd.DragZone-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. ================================= -->   
-       
-               <div class="inheritance res-block">
-                  <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</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.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
-<img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
-<img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
-<img src="../../images/default/s.gif" height="1" width="80"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-<img src="../../images/default/s.gif" height="1"  width="100"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DragZone 
-
-                  </pre>
-               </div>
-       
-<!-- ============================== class title / details ============================ -->
-    
-    
-    <h1 class="classTitle">
-                               
-                               Class Roo.dd.DragZone
-                       </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_DragZone.js.html">Roo/dd/DragZone.js</a>.
-                       
-       </td></tr>
-        <tr><td class="label">Class:</td><td class="hd-info">DragZone</td></tr>
-       
-       
-       
-       
-               <tr><td class="label">Extends:</td><td class="hd-info">
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-       
-               </td></tr>    
-       
-       
-    </table>
-
-    
-<!-- ============================== class summary ========================== -->                       
-    <div class="description">
-       This class provides a container DD instance that proxies for multiple child node sources.<br /><br/>By default, this class requires that draggable child nodes are registered with {<b>link</b> Roo.dd.Registry}.
-    </div>
-
-       
-<!-- ============================== Class comment block... ========================== -->                                      
-
-<div class="comments">
-       <b>Class Comments / Notes</B> =>  
-       <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DragZone';">[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.DragZone.html"></iframe>
-</div>
-       
-
-               
-<!-- ============================== config options ========================== -->                                              
-                
-    
-    
-               
-    <div class="hr"></div>
-    <a id="Roo.dd.DragZone-configs"></a>
-               
-    
-     
-    
-       
-      <table cellspacing="0" class="member-table">   
-      <caption>Config Options (Usually are also Properties)</caption>
-    
-       
-        <tr>
-            <th class="sig-header" colspan="2">Options</th>
-           
-            <th class="msource-header">Defined By</th>
-        </tr>
-       
-       
-       
-       
-       
-               <tr class="config-row expandable config-row-alt0 notInherited">
-                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-                   <td class="sig">
-
-                       <a id="Roo.dd.DragZone-cfg-containerScroll" name=".containerScroll"></a>
-                       <div class="fixedFont">
-                               <b  class="itemname">containerScroll</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                               
-                               
-                       </div>
-                 
-                       <div class="mdesc">
-                           <div class="short">True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.</div> 
-                       </div>
-                       
-                       <div class="mdesc">
-                           <div class="long">
-                    True to register this container with the Scrollmanager<br/>for auto scrolling during drag operations.
-                    
-                </div> 
-                       </div>
-                       
-                       
-
-                   </td>
-                   <td class="msource">
-                       
-                       Roo.dd.DragZone
-                               
-                   </td>
-               </tr>
-        
-       
-               <tr class="config-row expandable config-row-alt1">
-                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-                   <td class="sig">
-
-                       <a id="Roo.dd.DragSource-cfg-dropAllowed" name=".dropAllowed"></a>
-                       <div class="fixedFont">
-                               <b  class="itemname">dropAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
-                               
-                               
-                       </div>
-                 
-                       <div class="mdesc">
-                           <div class="short">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div> 
-                       </div>
-                       
-                       <div class="mdesc">
-                           <div class="long">
-                    The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").
-                    
-                </div> 
-                       </div>
-                       
-                       
-
-                   </td>
-                   <td class="msource">
-                       
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-                               
-                   </td>
-               </tr>
-        
-       
-               <tr class="config-row expandable config-row-alt0">
-                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-                   <td class="sig">
-
-                       <a id="Roo.dd.DragSource-cfg-dropNotAllowed" name=".dropNotAllowed"></a>
-                       <div class="fixedFont">
-                               <b  class="itemname">dropNotAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
-                               
-                               
-                       </div>
-                 
-                       <div class="mdesc">
-                           <div class="short">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div> 
-                       </div>
-                       
-                       <div class="mdesc">
-                           <div class="long">
-                    The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").
-                    
-                </div> 
-                       </div>
-                       
-                       
-
-                   </td>
-                   <td class="msource">
-                       
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-                               
-                   </td>
-               </tr>
-        
-       
-               <tr class="config-row expandable config-row-alt1 notInherited">
-                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-                   <td class="sig">
-
-                       <a id="Roo.dd.DragZone-cfg-hlColor" name=".hlColor"></a>
-                       <div class="fixedFont">
-                               <b  class="itemname">hlColor</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
-                               
-                               
-                       </div>
-                 
-                       <div class="mdesc">
-                           <div class="short">The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)</div> 
-                       </div>
-                       
-                       <div class="mdesc">
-                           <div class="long">
-                    The color to use when visually highlighting the drag source in the afterRepair<br/>method after a failed drop (defaults to "c3daf9" - light blue)
-                    
-                </div> 
-                       </div>
-                       
-                       
-
-                   </td>
-                   <td class="msource">
-                       
-                       Roo.dd.DragZone
-                               
-                   </td>
-               </tr>
-        
-       
-               <tr class="config-row expandable config-row-alt0">
-                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-                   <td class="sig">
-
-                       <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
-                       <div class="fixedFont">
-                               <b  class="itemname">listeners</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">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           .</div> 
-                       </div>
-                       
-                       <div class="mdesc">
-                           <div class="long">
-                    list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           ..... <br/>        } ,<br/>        .... <br/>    } <br/>  </code></pre>
-                    
-                </div> 
-                       </div>
-                       
-                       
-
-                   </td>
-                   <td class="msource">
-                       
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-                               
-                   </td>
-               </tr>
-        
-        
-    </table>
-               
-  
-  
-  
-  
-  
-  
-  
-  
-  <!-- ============================== public properties ==================== -->       
-  
-  
-  
-    <a id="Roo.dd.DragZone-props"></a>      
-    
-    
-
-    
-     
-    
-       
-      <table cellspacing="0" class="member-table">   
-      <caption>Public Properties </caption>
-        <tr>
-            <th class="sig-header" colspan="2">Property</th>
-           <th class="sig-header">Description</th>
-            <th class="msource-header">Defined By</th>
-        </tr>
-        
-      
-                    
-         
-                
-        
-       
-       
-          <tr class="property-row config-row-alt0">
-            <td class="micon">
-                <a class="exi" href="#expand">&nbsp;</a>
-            </td>
-            <td class="sig">
-               <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
-              <div class="fixedFont">
-                   <span class="attributes">Roo.dd.DragZone.</span><b  class="itemname">dragElId</b> :
-                    <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
-                    </div>
-           </td>
-           <td class="sig">
-               <div class="mdesc">
-
-
-                  <div class="short">
-                       The default drag frame div id
-                  
-                  
-                  
-                  </div> 
-                   
-                    <div class="long">
-                   
-                       The default drag frame div id                        
-                
-                </div>
-                </div>
-            </td>
-           
-            <td class="msource">  
-           <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
-           </td>             
-                
-          </tr>
-        
-        
-        
-       
-      
-        <!-- TODO: implement this alt row.  also notice non-linked "Defined by" when property is a part of this class.     
-        <tr class="property-row alt">
-             
-        -->
-
-    </table>
-  
-    
-  <!-- ============================== methods summary / details ======================== -->
-  
-  
-  <a id="Roo.dd.DragZone-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">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd-method-DragZone"   name=".DragZone"></a>
-               <div class="fixedFont">
-                       <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DragZone</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                
-                       <div class="short">Create a new Roo.dd.DragZone</div> 
-                
-                
-                    <div class="long">
-                       
-                       
-                       
-                               Create a new Roo.dd.DragZone
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
-                                               
-                                       </dt>
-                                       <dd>The container element</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
-                                               
-                                       </dt>
-                                       <dd></dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">addEvents</b>
-                               
-                                (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Used to define events on this Observable</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Used to define events on this Observable
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>object</b>
-                                               
-                                       </dt>
-                                       <dd>The object with the events defined</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragDrop-method-addInvalidHandleClass"   name=".addInvalidHandleClass"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
-                               
-                                (string <B><i>cssClass</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Lets you specify a css class of elements that will not initiate a drag</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               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>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragDrop-method-addInvalidHandleId"   name=".addInvalidHandleId"></a>
-               <div class="fixedFont">
-                       <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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">addListener</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Appends an event handler to this component</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Appends an event handler to this component
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>eventName</b>
-                                               
-                                       </dt>
-                                       <dd>The type of event to listen for</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
-                                               
-                                       </dt>
-                                       <dd>The method the event invokes</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
-                                               
-                                       </dt>
-                                       <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
-                                               
-                                       </dt>
-                                       <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/>             <pre><code><br/>                el.on('click', this.onClick, this, {<br/>                       single: true,<br/>              delay: 100,<br/>                forumId: 4<br/>         });<br/>                </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/>               el.on({<br/>                    'click': {<br/>                 fn: this.onClick,<br/>                  scope: this,<br/>                       delay: 100<br/>                 }, <br/>                'mouseover': {<br/>                     fn: this.onMouseOver,<br/>                      scope: this<br/>                },<br/>                 'mouseout': {<br/>                      fn: this.onMouseOut,<br/>                       scope: this<br/>                }<br/>          });<br/>                </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/>        <pre><code><br/>                el.on({<br/>                    'click': this.onClick,<br/>             'mouseover': this.onMouseOver,<br/>             'mouseout': this.onMouseOut,<br/>               scope: this<br/>                });<br/>                </code></pre></dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable notInherited">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragZone-method-afterRepair"   name=".afterRepair"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">afterRepair</b>
-                               
-                                () 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Called after a repair of an invalid drop.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Called after a repair of an invalid drop. By default, highlights this.dragData.ddel
-                   
-                               
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       Roo.dd.DragZone
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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">Applies the configuration parameters that were passed into the constructor.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               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.
-                   
-                               
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-beforeDragDrop"   name=".beforeDragDrop"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">beforeDragDrop</b>
-                               
-                                (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
-                                               
-                                       </dt>
-                                       <dd>The drop target</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont">Event</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The event object</dd>
-                               
-                                       <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 dragged element</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  isValid True if the drag drop event is valid, else false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-beforeDragEnter"   name=".beforeDragEnter"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">beforeDragEnter</b>
-                               
-                                (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
-                                               
-                                       </dt>
-                                       <dd>The drop target</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont">Event</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The event object</dd>
-                               
-                                       <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 dragged element</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-beforeDragOut"   name=".beforeDragOut"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">beforeDragOut</b>
-                               
-                                (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
-                                               
-                                       </dt>
-                                       <dd>The drop target</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont">Event</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The event object</dd>
-                               
-                                       <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 dragged element</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-beforeDragOver"   name=".beforeDragOver"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">beforeDragOver</b>
-                               
-                                (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
-                                               
-                                       </dt>
-                                       <dd>The drop target</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont">Event</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The event object</dd>
-                               
-                                       <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 dragged element</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-beforeInvalidDrop"   name=".beforeInvalidDrop"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">beforeInvalidDrop</b>
-                               
-                                (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
-                                               
-                                       </dt>
-                                       <dd>The drop target</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont">Event</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The event object</dd>
-                               
-                                       <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 dragged element</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  isValid True if the invalid drop should proceed, else false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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">
-               
-                       <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">fireEvent</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Fires the specified event with the passed parameters (minus the event name).</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Fires the specified event with the passed parameters (minus the event name).
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>eventName</b>
-                                               
-                                       </dt>
-                                       <dd></dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span>  <b>args</b>
-                                               
-                                       </dt>
-                                       <dd>Variable number of parameters are passed to handlers</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  returns false if any of the handlers return false otherwise it returns true</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable notInherited">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragZone-method-getDragData"   name=".getDragData"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">getDragData</b>
-                               
-                                (EventObject <B><i>e</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">Called when a mousedown occurs in this container.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Called when a mousedown occurs in this container. Looks in {<b>link</b> Roo.dd.Registry}<br/>for a valid target to drag based on the mouse down. Override this method<br/>to provide your own lookup logic (e.g. finding a child by class name). Make sure your returned<br/>object has a "ddel" attribute (with an HTML Element) for other functions to work.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont">EventObject</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The mouse down event</dd>
-                               
-                               </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 dragData</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       Roo.dd.DragZone
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-getProxy"   name=".getProxy"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">getProxy</b>
-                               
-                                () 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}
-                   
-                               
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Returns:</dt>
-                               
-                                       <dd><span class="fixedFont"><a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a></span>  proxy The StatusProxy</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable notInherited">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragZone-method-getRepairXY"   name=".getRepairXY"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">getRepairXY</b>
-                               
-                                (EventObject <B><i>e</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Called before a repair of an invalid drop to get the XY to animate to.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Called before a repair of an invalid drop to get the XY to animate to. By default returns<br/>the XY of this.dragData.ddel
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont">EventObject</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The mouse up event</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Returns:</dt>
-                               
-                                       <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The xy location (e.g. [100, 200])</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       Roo.dd.DragZone
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">hasListener</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Checks to see if this object has any listeners for a specified event</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Checks to see if this object has any listeners for a specified event
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>eventName</b>
-                                               
-                                       </dt>
-                                       <dd>The name of the event to check for</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  True if the event is being listened for, else false</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-hideProxy"   name=".hideProxy"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">hideProxy</b>
-                               
-                                () 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}
-                   
-                               
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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">
-               
-                       <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-on"   name=".on"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">on</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Appends an event handler to this element (shorthand for addListener)</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Appends an event handler to this element (shorthand for addListener)
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>eventName</b>
-                                               
-                                       </dt>
-                                       <dd>The type of event to listen for</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
-                                               
-                                       </dt>
-                                       <dd>The method the event invokes</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
-                                               
-                                       </dt>
-                                       <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
-                                               
-                                       </dt>
-                                       <dd>(optional)</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-onBeforeDrag"   name=".onBeforeDrag"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">onBeforeDrag</b>
-                               
-                                (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>, Event <B><i>e</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>data</b>
-                                               
-                                       </dt>
-                                       <dd>An object containing arbitrary data to be shared with drop targets</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont">Event</span>  <b>e</b>
-                                               
-                                       </dt>
-                                       <dd>The event object</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable notInherited">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragZone-method-onInitDrag"   name=".onInitDrag"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">onInitDrag</b>
-                               
-                                (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>) 
-                       
-                               
-                                        : 
-                                       
-                                               
-                                               <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
-                                       
-                                       
-                                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Called once drag threshold has been reached to initialize the proxy element.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Called once drag threshold has been reached to initialize the proxy element. By default, it clones the<br/>this.dragData.ddel
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
-                                               
-                                       </dt>
-                                       <dd>The x position of the click on the dragged object</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
-                                               
-                                       </dt>
-                                       <dd>The y position of the click on the dragged object</dd>
-                               
-                               </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:Boolean">Boolean</a></span>  true to continue the drag, false to cancel</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       Roo.dd.DragZone
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.dd.DragSource-method-onStartDrag"   name=".onStartDrag"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">onStartDrag</b>
-                               
-                                (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.  The drag cannot be canceled from this function.
-                   
-                               
-                       
-                       
-                       
-                       
-                               <dl class="detailList">
-                               <dt class="heading">Parameters:</dt>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
-                                               
-                                       </dt>
-                                       <dd>The x position of the click on the dragged object</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
-                                               
-                                       </dt>
-                                       <dd>The y position of the click on the dragged object</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">purgeListeners</b>
-                               
-                                () 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Removes all listeners for this object</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Removes all listeners for this object
-                   
-                               
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">removeListener</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Removes a listener</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Removes a listener
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>eventName</b>
-                                               
-                                       </dt>
-                                       <dd>The type of event to listen for</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
-                                               
-                                       </dt>
-                                       <dd>The handler to remove</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
-                                               
-                                       </dt>
-                                       <dd>(optional) The scope (this object) for the handler</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
-          
-          
-            <td class="sig">
-                <a id="Roo.util.Observable-method-un"   name=".un"></a>
-               <div class="fixedFont">
-                       <span class="attributes"></span><b class="itemname">un</b>
-                               
-                                (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>) 
-                       
-                               
-                       
-               </div>
-                <div class="mdesc">
-               
-                   <div class="short">Removes a listener (shorthand for removeListener)</div> 
-                
-                
-                
-                    <div class="long">
-                       
-                               Removes a listener (shorthand for removeListener)
-                   
-                               
-                       
-                       
-                       
-                       
-                               <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>eventName</b>
-                                               
-                                       </dt>
-                                       <dd>The type of event to listen for</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
-                                               
-                                       </dt>
-                                       <dd>The handler to remove</dd>
-                               
-                                       <dt>
-                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
-                                               
-                                       </dt>
-                                       <dd>(optional) The scope (this object) for the handler</dd>
-                               
-                               </dl>
-                       
-                       
-                       
-                       
-                       
-                       
-                       
-
-                   
-                   
-                    
-                    </div>                    
-                </div>
-
-            </td>
-            <td class="msource">
-               
-                       <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt1 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-         
-          <tr class="method-row config-row-alt0 expandable">
-            <td class="micon"><a class="exi" href="#expand">&nbsp;</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>
-               &nbsp;
-            </td>
-        </tr>
-       
-                                                      
-    </table>
-
-  
-  <!-- ============================== events summary / details ======================== -->
-  
-  
-  <a id="Roo.dd.DragZone-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>