sync
[roojs1] / docs / symbols / Roo.dd.DD.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5
6         <head>
7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8                 <meta name="generator" content="JsDoc Toolkit" />
9                 
10                 
11                 <title>JsDoc Reference - Roo.dd.DD</title>
12                 
13                 
14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />            
15         <link rel="stylesheet" type="text/css" href="../default.css" />
16         
17         
18         <script type="text/javascript" src="../page.js">
19         
20         </script>
21          
22                 
23         </head>
24
25         <body onload="RooDocsPage.onload();">
26          
27         
28 <div class="body-wrap">
29
30     <!-- ============================== links to methods. ================================= --> 
31
32     <div class="top-tools">
33     <!--
34         <a class="inner-link" href="#Roo.dd.DD-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35         <a class="inner-link" href="#Roo.dd.DD-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36         <a class="inner-link" href="#Roo.dd.DD-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37         <a class="inner-link" href="#Roo.dd.DD-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38         <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
39         -->
40     </div>
41
42     
43 <!-- ============================== inheritance Block. ================================= -->    
44         
45                 <div class="inheritance res-block">
46                    <pre class="res-block-inner"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
47 <img src="../../images/default/s.gif" height="1"  width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DD 
48
49                    </pre>
50                 </div>
51        
52 <!-- ============================== class title / details ============================ -->
53     
54     
55     <h1 class="classTitle">
56                                 
57                                 Class Roo.dd.DD
58                         </h1>
59                         
60     <table cellspacing="0" class="class-summary-table">
61         
62                 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
63         
64         <tr><td class="label">Defined In:</td><td class="hd-info">
65                         
66                                         <a href="./src/Roo_dd_DD.js.html">Roo/dd/DD.js</a>.
67                         
68         </td></tr>
69         <tr><td class="label">Class:</td><td class="hd-info">DD</td></tr>
70         
71         
72         <tr><td class="label">Subclasses:</td><td class="hd-info">
73                 <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>, <a href="./Roo.dd.DragSource.html#constructor" roo:cls="Roo.dd.DragSource.html#constructor">Roo.dd.DragSource</a>, <a href="./Roo.dd.DragZone.html#constructor" roo:cls="Roo.dd.DragZone.html#constructor">Roo.dd.DragZone</a>
74
75         
76         
77         </td></tr>
78         
79         
80         
81                 <tr><td class="label">Extends:</td><td class="hd-info">
82                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
83         
84                 </td></tr>    
85         
86         
87     </table>
88
89     
90 <!-- ============================== class summary ========================== -->                        
91     <div class="description">
92         A DragDrop implementation where the linked element follows the<br/>mouse cursor during a drag.
93     </div>
94
95         
96 <!-- ============================== Class comment block... ========================== -->                                       
97
98 <div class="comments">
99         <b>Class Comments / Notes</B> =>  
100         <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DD';">[Add Your comment/notes about this class]</u>
101         <br/>
102         <iframe frameborder="0"  id="comments-Roo.dd" style="border: none;width:100%;" 
103                 src="/blog.php/GtkDjsComments/Roo.dd.DD.html"></iframe>
104 </div>
105         
106
107                 
108 <!-- ============================== config options ========================== -->                                               
109                  
110     
111     
112                 
113     <div class="hr"></div>
114     <a id="Roo.dd.DD-configs"></a>
115                 
116     
117     
118      <table cellspacing="0" class="member-table">
119       <caption class="Empty">Config Options - Has None</caption>
120      </table>
121     
122     
123      
124                 
125   
126   
127   
128   
129   
130   
131   
132   
133   <!-- ============================== public properties ==================== -->        
134   
135   
136   
137     <a id="Roo.dd.DD-props"></a>      
138     
139     
140
141     
142     
143      <table cellspacing="0" class="member-table">
144       <caption class="Empty">Public Properties - Has None</caption>
145      </table>
146     
147     
148      
149     
150   <!-- ============================== methods summary / details ======================== -->
151   
152   
153   <a id="Roo.dd.DD-methods"></a>
154         <!-- constructor?? -->
155         
156         <!-- static's first 
157         
158         
159         -->
160         
161         <!-- then dynamics first -->
162         
163   
164   
165     
166     
167     
168       <table cellspacing="0" class="member-table">
169       <caption>Public Methods</caption>
170         <tr>
171             <th class="sig-header" colspan="2">Method</th>            
172             <th class="msource-header">Defined By</th>
173
174         </tr>
175         
176         
177         
178          
179         
180         
181           
182           <tr class="method-row config-row-alt0 expandable notInherited">
183             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
184            
185            
186             <td class="sig">
187                 <a id="Roo.dd-method-DD"   name=".DD"></a>
188                 <div class="fixedFont">
189                         <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DD</b>
190                                 
191                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <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>) 
192                         
193                                 
194                         
195                 </div>
196                 <div class="mdesc">
197                 
198                  
199                         <div class="short">Create a new Roo.dd.DD</div> 
200                  
201                  
202                     <div class="long">
203                         
204                         
205                         
206                                 Create a new Roo.dd.DD
207                         
208                         
209                                 <dl class="detailList">
210                                 <dt class="heading">Parameters:</dt>
211                                 
212                                         <dt>
213                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
214                                                 
215                                         </dt>
216                                         <dd>the id of the linked element</dd>
217                                 
218                                         <dt>
219                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sGroup</b>
220                                                 
221                                         </dt>
222                                         <dd>the group of related DragDrop items</dd>
223                                 
224                                         <dt>
225                                                 <span class="fixedFont">object</span>  <b>config</b>
226                                                 
227                                         </dt>
228                                         <dd>an object containing configurable attributes<br/>               Valid properties for DD:<br/>                   scroll</dd>
229                                 
230                                 </dl>
231                         
232                         
233                         
234                         
235                         
236                         
237                         
238
239                     
240                     
241                      
242                     </div>                    
243                 </div>
244
245             </td>
246             <td class="msource">
247                 &nbsp;
248             </td>
249         </tr>
250         
251           
252           <tr class="method-row config-row-alt1 expandable">
253             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
254            
255            
256             <td class="sig">
257                 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass"   name=".addInvalidHandleClass"></a>
258                 <div class="fixedFont">
259                         <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
260                                 
261                                  (string <B><i>cssClass</i></B>) 
262                         
263                                 
264                         
265                 </div>
266                 <div class="mdesc">
267                 
268                    <div class="short">Lets you specify a css class of elements that will not initiate a drag</div> 
269                  
270                  
271                  
272                     <div class="long">
273                         
274                                 Lets you specify a css class of elements that will not initiate a drag
275                     
276                                 
277                         
278                         
279                         
280                         
281                                 <dl class="detailList">
282                                 <dt class="heading">Parameters:</dt>
283                                 
284                                         <dt>
285                                                 <span class="fixedFont">string</span>  <b>cssClass</b>
286                                                 
287                                         </dt>
288                                         <dd>the class of the elements you wish to ignore</dd>
289                                 
290                                 </dl>
291                         
292                         
293                         
294                         
295                         
296                         
297                         
298
299                     
300                     
301                      
302                     </div>                    
303                 </div>
304
305             </td>
306             <td class="msource">
307                 
308                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
309                 &nbsp;
310             </td>
311         </tr>
312         
313           
314           <tr class="method-row config-row-alt0 expandable">
315             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
316            
317            
318             <td class="sig">
319                 <a id="Roo.dd.DragDrop-method-addInvalidHandleId"   name=".addInvalidHandleId"></a>
320                 <div class="fixedFont">
321                         <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
322                                 
323                                  (string <B><i>id</i></B>) 
324                         
325                                 
326                         
327                 </div>
328                 <div class="mdesc">
329                 
330                    <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> 
331                  
332                  
333                  
334                     <div class="long">
335                         
336                                 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
337                     
338                                 
339                         
340                         
341                         
342                         
343                                 <dl class="detailList">
344                                 <dt class="heading">Parameters:</dt>
345                                 
346                                         <dt>
347                                                 <span class="fixedFont">string</span>  <b>id</b>
348                                                 
349                                         </dt>
350                                         <dd>the element id of the element you wish to ignore</dd>
351                                 
352                                 </dl>
353                         
354                         
355                         
356                         
357                         
358                         
359                         
360
361                     
362                     
363                      
364                     </div>                    
365                 </div>
366
367             </td>
368             <td class="msource">
369                 
370                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
371                 &nbsp;
372             </td>
373         </tr>
374         
375           
376           <tr class="method-row config-row-alt1 expandable">
377             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
378            
379            
380             <td class="sig">
381                 <a id="Roo.dd.DragDrop-method-addInvalidHandleType"   name=".addInvalidHandleType"></a>
382                 <div class="fixedFont">
383                         <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
384                                 
385                                  (string <B><i>tagName</i></B>) 
386                         
387                                 
388                         
389                 </div>
390                 <div class="mdesc">
391                 
392                    <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div> 
393                  
394                  
395                  
396                     <div class="long">
397                         
398                                 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.
399                     
400                                 
401                         
402                         
403                         
404                         
405                                 <dl class="detailList">
406                                 <dt class="heading">Parameters:</dt>
407                                 
408                                         <dt>
409                                                 <span class="fixedFont">string</span>  <b>tagName</b>
410                                                 
411                                         </dt>
412                                         <dd>the type of element to exclude</dd>
413                                 
414                                 </dl>
415                         
416                         
417                         
418                         
419                         
420                         
421                         
422
423                     
424                     
425                      
426                     </div>                    
427                 </div>
428
429             </td>
430             <td class="msource">
431                 
432                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
433                 &nbsp;
434             </td>
435         </tr>
436         
437           
438           <tr class="method-row config-row-alt0 expandable">
439             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
440            
441            
442             <td class="sig">
443                 <a id="Roo.dd.DragDrop-method-addToGroup"   name=".addToGroup"></a>
444                 <div class="fixedFont">
445                         <span class="attributes"></span><b class="itemname">addToGroup</b>
446                                 
447                                  (<B><i>sGroup</i></B>) 
448                         
449                                 
450                         
451                 </div>
452                 <div class="mdesc">
453                 
454                    <div class="short">Add this instance to a group of related drag/drop objects.</div> 
455                  
456                  
457                  
458                     <div class="long">
459                         
460                                 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.
461                     
462                                 
463                         
464                         
465                         
466                         
467                                 <dl class="detailList">
468                                 <dt class="heading">Parameters:</dt>
469                                 
470                                         <dt>
471                                                  <b>sGroup</b>
472                                                 
473                                         </dt>
474                                         <dd>{string} the name of the group</dd>
475                                 
476                                 </dl>
477                         
478                         
479                         
480                         
481                         
482                         
483                         
484
485                     
486                     
487                      
488                     </div>                    
489                 </div>
490
491             </td>
492             <td class="msource">
493                 
494                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
495                 &nbsp;
496             </td>
497         </tr>
498         
499           
500           <tr class="method-row config-row-alt1 expandable notInherited">
501             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
502            
503            
504             <td class="sig">
505                 <a id="Roo.dd.DD-method-alignElWithMouse"   name=".alignElWithMouse"></a>
506                 <div class="fixedFont">
507                         <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
508                                 
509                                  (<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>) 
510                         
511                                 
512                         
513                 </div>
514                 <div class="mdesc">
515                 
516                    <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> 
517                  
518                  
519                  
520                     <div class="long">
521                         
522                                 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.
523                     
524                                 
525                         
526                         
527                         
528                         
529                                 <dl class="detailList">
530                                 <dt class="heading">Parameters:</dt>
531                                 
532                                         <dt>
533                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>el</b>
534                                                 
535                                         </dt>
536                                         <dd>the element to move</dd>
537                                 
538                                         <dt>
539                                                 <span class="fixedFont">int</span>  <b>iPageX</b>
540                                                 
541                                         </dt>
542                                         <dd>the X coordinate of the mousedown or drag event</dd>
543                                 
544                                         <dt>
545                                                 <span class="fixedFont">int</span>  <b>iPageY</b>
546                                                 
547                                         </dt>
548                                         <dd>the Y coordinate of the mousedown or drag event</dd>
549                                 
550                                 </dl>
551                         
552                         
553                         
554                         
555                         
556                         
557                         
558
559                     
560                     
561                      
562                     </div>                    
563                 </div>
564
565             </td>
566             <td class="msource">
567                 
568                         Roo.dd.DD
569                 &nbsp;
570             </td>
571         </tr>
572         
573           
574           <tr class="method-row config-row-alt0 expandable">
575             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
576            
577            
578             <td class="sig">
579                 <a id="Roo.dd.DragDrop-method-applyConfig"   name=".applyConfig"></a>
580                 <div class="fixedFont">
581                         <span class="attributes"></span><b class="itemname">applyConfig</b>
582                                 
583                                  () 
584                         
585                                 
586                         
587                 </div>
588                 <div class="mdesc">
589                 
590                    <div class="short">Applies the configuration parameters that were passed into the constructor.</div> 
591                  
592                  
593                  
594                     <div class="long">
595                         
596                                 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.
597                     
598                                 
599                         
600                         
601                         
602                         
603                         
604                         
605                         
606                         
607                         
608                         
609
610                     
611                     
612                      
613                     </div>                    
614                 </div>
615
616             </td>
617             <td class="msource">
618                 
619                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
620                 &nbsp;
621             </td>
622         </tr>
623         
624           
625           <tr class="method-row config-row-alt1 expandable notInherited">
626             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
627            
628            
629             <td class="sig">
630                 <a id="Roo.dd.DD-method-autoOffset"   name=".autoOffset"></a>
631                 <div class="fixedFont">
632                         <span class="attributes"></span><b class="itemname">autoOffset</b>
633                                 
634                                  (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>) 
635                         
636                                 
637                         
638                 </div>
639                 <div class="mdesc">
640                 
641                    <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> 
642                  
643                  
644                  
645                     <div class="long">
646                         
647                                 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
648                     
649                                 
650                         
651                         
652                         
653                         
654                                 <dl class="detailList">
655                                 <dt class="heading">Parameters:</dt>
656                                 
657                                         <dt>
658                                                 <span class="fixedFont">int</span>  <b>iPageX</b>
659                                                 
660                                         </dt>
661                                         <dd>the X coordinate of the click</dd>
662                                 
663                                         <dt>
664                                                 <span class="fixedFont">int</span>  <b>iPageY</b>
665                                                 
666                                         </dt>
667                                         <dd>the Y coordinate of the click</dd>
668                                 
669                                 </dl>
670                         
671                         
672                         
673                         
674                         
675                         
676                         
677
678                     
679                     
680                      
681                     </div>                    
682                 </div>
683
684             </td>
685             <td class="msource">
686                 
687                         Roo.dd.DD
688                 &nbsp;
689             </td>
690         </tr>
691         
692           
693           <tr class="method-row config-row-alt0 expandable notInherited">
694             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
695            
696            
697             <td class="sig">
698                 <a id="Roo.dd.DD-method-cachePosition"   name=".cachePosition"></a>
699                 <div class="fixedFont">
700                         <span class="attributes"></span><b class="itemname">cachePosition</b>
701                                 
702                                  (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>) 
703                         
704                                 
705                         
706                 </div>
707                 <div class="mdesc">
708                 
709                    <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div> 
710                  
711                  
712                  
713                     <div class="long">
714                         
715                                 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.
716                     
717                                 
718                         
719                         
720                         
721                         
722                                 <dl class="detailList">
723                                 <dt class="heading">Parameters:</dt>
724                                 
725                                         <dt>
726                                                  <b>iPageX</b>
727                                                 
728                                         </dt>
729                                         <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
730                                 
731                                         <dt>
732                                                  <b>iPageY</b>
733                                                 
734                                         </dt>
735                                         <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
736                                 
737                                 </dl>
738                         
739                         
740                         
741                         
742                         
743                         
744                         
745
746                     
747                     
748                      
749                     </div>                    
750                 </div>
751
752             </td>
753             <td class="msource">
754                 
755                         Roo.dd.DD
756                 &nbsp;
757             </td>
758         </tr>
759         
760           
761           <tr class="method-row config-row-alt1 expandable">
762             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
763            
764            
765             <td class="sig">
766                 <a id="Roo.dd.DragDrop-method-clearConstraints"   name=".clearConstraints"></a>
767                 <div class="fixedFont">
768                         <span class="attributes"></span><b class="itemname">clearConstraints</b>
769                                 
770                                  () 
771                         
772                                 
773                         
774                 </div>
775                 <div class="mdesc">
776                 
777                    <div class="short">Clears any constraints applied to this instance.</div> 
778                  
779                  
780                  
781                     <div class="long">
782                         
783                                 Clears any constraints applied to this instance.  Also clears ticks<br/>since they can't exist independent of a constraint at this time.
784                     
785                                 
786                         
787                         
788                         
789                         
790                         
791                         
792                         
793                         
794                         
795                         
796
797                     
798                     
799                      
800                     </div>                    
801                 </div>
802
803             </td>
804             <td class="msource">
805                 
806                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
807                 &nbsp;
808             </td>
809         </tr>
810         
811           
812           <tr class="method-row config-row-alt0 expandable">
813             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
814            
815            
816             <td class="sig">
817                 <a id="Roo.dd.DragDrop-method-clearTicks"   name=".clearTicks"></a>
818                 <div class="fixedFont">
819                         <span class="attributes"></span><b class="itemname">clearTicks</b>
820                                 
821                                  () 
822                         
823                                 
824                         
825                 </div>
826                 <div class="mdesc">
827                 
828                    <div class="short">Clears any tick interval defined for this instance</div> 
829                  
830                  
831                  
832                     <div class="long">
833                         
834                                 Clears any tick interval defined for this instance
835                     
836                                 
837                         
838                         
839                         
840                         
841                         
842                         
843                         
844                         
845                         
846                         
847
848                     
849                     
850                      
851                     </div>                    
852                 </div>
853
854             </td>
855             <td class="msource">
856                 
857                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
858                 &nbsp;
859             </td>
860         </tr>
861         
862           
863           <tr class="method-row config-row-alt1 expandable">
864             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
865            
866            
867             <td class="sig">
868                 <a id="Roo.dd.DragDrop-method-endDrag"   name=".endDrag"></a>
869                 <div class="fixedFont">
870                         <span class="attributes"></span><b class="itemname">endDrag</b>
871                                 
872                                  (Event <B><i>e</i></B>) 
873                         
874                                 
875                         
876                 </div>
877                 <div class="mdesc">
878                 
879                    <div class="short">Fired when we are done dragging the object</div> 
880                  
881                  
882                  
883                     <div class="long">
884                         
885                                 Fired when we are done dragging the object
886                     
887                                 
888                         
889                         
890                         
891                         
892                                 <dl class="detailList">
893                                 <dt class="heading">Parameters:</dt>
894                                 
895                                         <dt>
896                                                 <span class="fixedFont">Event</span>  <b>e</b>
897                                                 
898                                         </dt>
899                                         <dd>the mouseup event</dd>
900                                 
901                                 </dl>
902                         
903                         
904                         
905                         
906                         
907                         
908                         
909
910                     
911                     
912                      
913                     </div>                    
914                 </div>
915
916             </td>
917             <td class="msource">
918                 
919                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
920                 &nbsp;
921             </td>
922         </tr>
923         
924           
925           <tr class="method-row config-row-alt0 expandable">
926             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
927            
928            
929             <td class="sig">
930                 <a id="Roo.dd.DragDrop-method-function toString() {
931     [native code]
932 }"   name=".function toString() {
933     [native code]
934 }"></a>
935                 <div class="fixedFont">
936                         <span class="attributes"></span><b class="itemname">function toString() {
937     [native code]
938 }</b>
939                                 
940                                  () 
941                         
942                                 
943                                          : 
944                                         
945                                                 
946                                                 string
947                                         
948                                         
949                                         
950                                 
951                         
952                 </div>
953                 <div class="mdesc">
954                 
955                    <div class="short">toString method</div> 
956                  
957                  
958                  
959                     <div class="long">
960                         
961                                 toString method
962                     
963                                 
964                         
965                         
966                         
967                         
968                         
969                         
970                         
971                         
972                                 <dl class="detailList">
973                                 <dt class="heading">Returns:</dt>
974                                 
975                                         <dd><span class="fixedFont">string</span>  string representation of the dd obj</dd>
976                                 
977                                 </dl>
978                         
979                         
980                         
981
982                     
983                     
984                      
985                     </div>                    
986                 </div>
987
988             </td>
989             <td class="msource">
990                 
991                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
992                 &nbsp;
993             </td>
994         </tr>
995         
996           
997           <tr class="method-row config-row-alt1 expandable">
998             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
999            
1000            
1001             <td class="sig">
1002                 <a id="Roo.dd.DragDrop-method-getDragEl"   name=".getDragEl"></a>
1003                 <div class="fixedFont">
1004                         <span class="attributes"></span><b class="itemname">getDragEl</b>
1005                                 
1006                                  () 
1007                         
1008                                 
1009                                          : 
1010                                         
1011                                                 
1012                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1013                                         
1014                                         
1015                                         
1016                                 
1017                         
1018                 </div>
1019                 <div class="mdesc">
1020                 
1021                    <div class="short">Returns a reference to the actual element to drag.</div> 
1022                  
1023                  
1024                  
1025                     <div class="long">
1026                         
1027                                 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
1028                     
1029                                 
1030                         
1031                         
1032                         
1033                         
1034                         
1035                         
1036                         
1037                         
1038                                 <dl class="detailList">
1039                                 <dt class="heading">Returns:</dt>
1040                                 
1041                                         <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>
1042                                 
1043                                 </dl>
1044                         
1045                         
1046                         
1047
1048                     
1049                     
1050                      
1051                     </div>                    
1052                 </div>
1053
1054             </td>
1055             <td class="msource">
1056                 
1057                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1058                 &nbsp;
1059             </td>
1060         </tr>
1061         
1062           
1063           <tr class="method-row config-row-alt0 expandable">
1064             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1065            
1066            
1067             <td class="sig">
1068                 <a id="Roo.dd.DragDrop-method-getEl"   name=".getEl"></a>
1069                 <div class="fixedFont">
1070                         <span class="attributes"></span><b class="itemname">getEl</b>
1071                                 
1072                                  () 
1073                         
1074                                 
1075                                          : 
1076                                         
1077                                                 
1078                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1079                                         
1080                                         
1081                                         
1082                                 
1083                         
1084                 </div>
1085                 <div class="mdesc">
1086                 
1087                    <div class="short">Returns a reference to the linked element</div> 
1088                  
1089                  
1090                  
1091                     <div class="long">
1092                         
1093                                 Returns a reference to the linked element
1094                     
1095                                 
1096                         
1097                         
1098                         
1099                         
1100                         
1101                         
1102                         
1103                         
1104                                 <dl class="detailList">
1105                                 <dt class="heading">Returns:</dt>
1106                                 
1107                                         <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>
1108                                 
1109                                 </dl>
1110                         
1111                         
1112                         
1113
1114                     
1115                     
1116                      
1117                     </div>                    
1118                 </div>
1119
1120             </td>
1121             <td class="msource">
1122                 
1123                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1124                 &nbsp;
1125             </td>
1126         </tr>
1127         
1128           
1129           <tr class="method-row config-row-alt1 expandable">
1130             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1131            
1132            
1133             <td class="sig">
1134                 <a id="Roo.dd.DragDrop-method-init"   name=".init"></a>
1135                 <div class="fixedFont">
1136                         <span class="attributes"></span><b class="itemname">init</b>
1137                                 
1138                                  (<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>) 
1139                         
1140                                 
1141                         
1142                 </div>
1143                 <div class="mdesc">
1144                 
1145                    <div class="short">Sets up the DragDrop object.</div> 
1146                  
1147                  
1148                  
1149                     <div class="long">
1150                         
1151                                 Sets up the DragDrop object.  Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
1152                     
1153                                 
1154                         
1155                         
1156                         
1157                         
1158                                 <dl class="detailList">
1159                                 <dt class="heading">Parameters:</dt>
1160                                 
1161                                         <dt>
1162                                                  <b>id</b>
1163                                                 
1164                                         </dt>
1165                                         <dd>the id of the linked element</dd>
1166                                 
1167                                         <dt>
1168                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sGroup</b>
1169                                                 
1170                                         </dt>
1171                                         <dd>the group of related items</dd>
1172                                 
1173                                         <dt>
1174                                                 <span class="fixedFont">object</span>  <b>config</b>
1175                                                 
1176                                         </dt>
1177                                         <dd>configuration attributes</dd>
1178                                 
1179                                 </dl>
1180                         
1181                         
1182                         
1183                         
1184                         
1185                         
1186                         
1187
1188                     
1189                     
1190                      
1191                     </div>                    
1192                 </div>
1193
1194             </td>
1195             <td class="msource">
1196                 
1197                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1198                 &nbsp;
1199             </td>
1200         </tr>
1201         
1202           
1203           <tr class="method-row config-row-alt0 expandable">
1204             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1205            
1206            
1207             <td class="sig">
1208                 <a id="Roo.dd.DragDrop-method-initTarget"   name=".initTarget"></a>
1209                 <div class="fixedFont">
1210                         <span class="attributes"></span><b class="itemname">initTarget</b>
1211                                 
1212                                  (<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>) 
1213                         
1214                                 
1215                         
1216                 </div>
1217                 <div class="mdesc">
1218                 
1219                    <div class="short">Initializes Targeting functionality only.</div> 
1220                  
1221                  
1222                  
1223                     <div class="long">
1224                         
1225                                 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
1226                     
1227                                 
1228                         
1229                         
1230                         
1231                         
1232                                 <dl class="detailList">
1233                                 <dt class="heading">Parameters:</dt>
1234                                 
1235                                         <dt>
1236                                                  <b>id</b>
1237                                                 
1238                                         </dt>
1239                                         <dd>the id of the linked element</dd>
1240                                 
1241                                         <dt>
1242                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sGroup</b>
1243                                                 
1244                                         </dt>
1245                                         <dd>the group of related items</dd>
1246                                 
1247                                         <dt>
1248                                                 <span class="fixedFont">object</span>  <b>config</b>
1249                                                 
1250                                         </dt>
1251                                         <dd>configuration attributes</dd>
1252                                 
1253                                 </dl>
1254                         
1255                         
1256                         
1257                         
1258                         
1259                         
1260                         
1261
1262                     
1263                     
1264                      
1265                     </div>                    
1266                 </div>
1267
1268             </td>
1269             <td class="msource">
1270                 
1271                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1272                 &nbsp;
1273             </td>
1274         </tr>
1275         
1276           
1277           <tr class="method-row config-row-alt1 expandable">
1278             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1279            
1280            
1281             <td class="sig">
1282                 <a id="Roo.dd.DragDrop-method-isLocked"   name=".isLocked"></a>
1283                 <div class="fixedFont">
1284                         <span class="attributes"></span><b class="itemname">isLocked</b>
1285                                 
1286                                  () 
1287                         
1288                                 
1289                                          : 
1290                                         
1291                                                 
1292                                                 boolean
1293                                         
1294                                         
1295                                         
1296                                 
1297                         
1298                 </div>
1299                 <div class="mdesc">
1300                 
1301                    <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> 
1302                  
1303                  
1304                  
1305                     <div class="long">
1306                         
1307                                 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.)
1308                     
1309                                 
1310                         
1311                         
1312                         
1313                         
1314                         
1315                         
1316                         
1317                         
1318                                 <dl class="detailList">
1319                                 <dt class="heading">Returns:</dt>
1320                                 
1321                                         <dd><span class="fixedFont">boolean</span>  true if this obj or all drag/drop is locked, else<br/>false</dd>
1322                                 
1323                                 </dl>
1324                         
1325                         
1326                         
1327
1328                     
1329                     
1330                      
1331                     </div>                    
1332                 </div>
1333
1334             </td>
1335             <td class="msource">
1336                 
1337                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1338                 &nbsp;
1339             </td>
1340         </tr>
1341         
1342           
1343           <tr class="method-row config-row-alt0 expandable">
1344             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1345            
1346            
1347             <td class="sig">
1348                 <a id="Roo.dd.DragDrop-method-isTarget"   name=".isTarget"></a>
1349                 <div class="fixedFont">
1350                         <span class="attributes"></span><b class="itemname">isTarget</b>
1351                                 
1352                                  () 
1353                         
1354                                 
1355                         
1356                 </div>
1357                 <div class="mdesc">
1358                 
1359                    <div class="short">By default, all insances can be a drop target.</div> 
1360                  
1361                  
1362                  
1363                     <div class="long">
1364                         
1365                                 By default, all insances can be a drop target.  This can be disabled by<br/>setting isTarget to false.
1366                     
1367                                 
1368                         
1369                         
1370                         
1371                         
1372                         
1373                         
1374                         
1375                         
1376                         
1377                         
1378
1379                     
1380                     
1381                      
1382                     </div>                    
1383                 </div>
1384
1385             </td>
1386             <td class="msource">
1387                 
1388                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1389                 &nbsp;
1390             </td>
1391         </tr>
1392         
1393           
1394           <tr class="method-row config-row-alt1 expandable">
1395             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1396            
1397            
1398             <td class="sig">
1399                 <a id="Roo.dd.DragDrop-method-isValidHandleChild"   name=".isValidHandleChild"></a>
1400                 <div class="fixedFont">
1401                         <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
1402                                 
1403                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>) 
1404                         
1405                                 
1406                                          : 
1407                                         
1408                                                 
1409                                                 boolean
1410                                         
1411                                         
1412                                         
1413                                 
1414                         
1415                 </div>
1416                 <div class="mdesc">
1417                 
1418                    <div class="short">Checks the tag exclusion list to see if this click should be ignored</div> 
1419                  
1420                  
1421                  
1422                     <div class="long">
1423                         
1424                                 Checks the tag exclusion list to see if this click should be ignored
1425                     
1426                                 
1427                         
1428                         
1429                         
1430                         
1431                                 <dl class="detailList">
1432                                 <dt class="heading">Parameters:</dt>
1433                                 
1434                                         <dt>
1435                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>node</b>
1436                                                 
1437                                         </dt>
1438                                         <dd>the HTMLElement to evaluate</dd>
1439                                 
1440                                 </dl>
1441                         
1442                         
1443                         
1444                         
1445                         
1446                                 <dl class="detailList">
1447                                 <dt class="heading">Returns:</dt>
1448                                 
1449                                         <dd><span class="fixedFont">boolean</span>  true if this is a valid tag type, false if not</dd>
1450                                 
1451                                 </dl>
1452                         
1453                         
1454                         
1455
1456                     
1457                     
1458                      
1459                     </div>                    
1460                 </div>
1461
1462             </td>
1463             <td class="msource">
1464                 
1465                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1466                 &nbsp;
1467             </td>
1468         </tr>
1469         
1470           
1471           <tr class="method-row config-row-alt0 expandable">
1472             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1473            
1474            
1475             <td class="sig">
1476                 <a id="Roo.dd.DragDrop-method-lock"   name=".lock"></a>
1477                 <div class="fixedFont">
1478                         <span class="attributes"></span><b class="itemname">lock</b>
1479                                 
1480                                  () 
1481                         
1482                                 
1483                         
1484                 </div>
1485                 <div class="mdesc">
1486                 
1487                    <div class="short">Lock this instance</div> 
1488                  
1489                  
1490                  
1491                     <div class="long">
1492                         
1493                                 Lock this instance
1494                     
1495                                 
1496                         
1497                         
1498                         
1499                         
1500                         
1501                         
1502                         
1503                         
1504                         
1505                         
1506
1507                     
1508                     
1509                      
1510                     </div>                    
1511                 </div>
1512
1513             </td>
1514             <td class="msource">
1515                 
1516                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1517                 &nbsp;
1518             </td>
1519         </tr>
1520         
1521           
1522           <tr class="method-row config-row-alt1 expandable">
1523             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1524            
1525            
1526             <td class="sig">
1527                 <a id="Roo.dd.DragDrop-method-onAvailable"   name=".onAvailable"></a>
1528                 <div class="fixedFont">
1529                         <span class="attributes"></span><b class="itemname">onAvailable</b>
1530                                 
1531                                  () 
1532                         
1533                                 
1534                         
1535                 </div>
1536                 <div class="mdesc">
1537                 
1538                    <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div> 
1539                  
1540                  
1541                  
1542                     <div class="long">
1543                         
1544                                 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
1545                     
1546                                 
1547                         
1548                         
1549                         
1550                         
1551                         
1552                         
1553                         
1554                         
1555                         
1556                         
1557
1558                     
1559                     
1560                      
1561                     </div>                    
1562                 </div>
1563
1564             </td>
1565             <td class="msource">
1566                 
1567                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1568                 &nbsp;
1569             </td>
1570         </tr>
1571         
1572           
1573           <tr class="method-row config-row-alt0 expandable">
1574             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1575            
1576            
1577             <td class="sig">
1578                 <a id="Roo.dd.DragDrop-method-onDrag"   name=".onDrag"></a>
1579                 <div class="fixedFont">
1580                         <span class="attributes"></span><b class="itemname">onDrag</b>
1581                                 
1582                                  (Event <B><i>e</i></B>) 
1583                         
1584                                 
1585                         
1586                 </div>
1587                 <div class="mdesc">
1588                 
1589                    <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div> 
1590                  
1591                  
1592                  
1593                     <div class="long">
1594                         
1595                                 Abstract method called during the onMouseMove event while dragging an<br/>object.
1596                     
1597                                 
1598                         
1599                         
1600                         
1601                         
1602                                 <dl class="detailList">
1603                                 <dt class="heading">Parameters:</dt>
1604                                 
1605                                         <dt>
1606                                                 <span class="fixedFont">Event</span>  <b>e</b>
1607                                                 
1608                                         </dt>
1609                                         <dd>the mousemove event</dd>
1610                                 
1611                                 </dl>
1612                         
1613                         
1614                         
1615                         
1616                         
1617                         
1618                         
1619
1620                     
1621                     
1622                      
1623                     </div>                    
1624                 </div>
1625
1626             </td>
1627             <td class="msource">
1628                 
1629                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1630                 &nbsp;
1631             </td>
1632         </tr>
1633         
1634           
1635           <tr class="method-row config-row-alt1 expandable">
1636             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1637            
1638            
1639             <td class="sig">
1640                 <a id="Roo.dd.DragDrop-method-onDragDrop"   name=".onDragDrop"></a>
1641                 <div class="fixedFont">
1642                         <span class="attributes"></span><b class="itemname">onDragDrop</b>
1643                                 
1644                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>) 
1645                         
1646                                 
1647                         
1648                 </div>
1649                 <div class="mdesc">
1650                 
1651                    <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div> 
1652                  
1653                  
1654                  
1655                     <div class="long">
1656                         
1657                                 Abstract method called when this item is dropped on another DragDrop<br/>obj
1658                     
1659                                 
1660                         
1661                         
1662                         
1663                         
1664                                 <dl class="detailList">
1665                                 <dt class="heading">Parameters:</dt>
1666                                 
1667                                         <dt>
1668                                                 <span class="fixedFont">Event</span>  <b>e</b>
1669                                                 
1670                                         </dt>
1671                                         <dd>the mouseup event</dd>
1672                                 
1673                                         <dt>
1674                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
1675                                                 
1676                                         </dt>
1677                                         <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>
1678                                 
1679                                 </dl>
1680                         
1681                         
1682                         
1683                         
1684                         
1685                         
1686                         
1687
1688                     
1689                     
1690                      
1691                     </div>                    
1692                 </div>
1693
1694             </td>
1695             <td class="msource">
1696                 
1697                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1698                 &nbsp;
1699             </td>
1700         </tr>
1701         
1702           
1703           <tr class="method-row config-row-alt0 expandable">
1704             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1705            
1706            
1707             <td class="sig">
1708                 <a id="Roo.dd.DragDrop-method-onDragEnter"   name=".onDragEnter"></a>
1709                 <div class="fixedFont">
1710                         <span class="attributes"></span><b class="itemname">onDragEnter</b>
1711                                 
1712                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>) 
1713                         
1714                                 
1715                         
1716                 </div>
1717                 <div class="mdesc">
1718                 
1719                    <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div> 
1720                  
1721                  
1722                  
1723                     <div class="long">
1724                         
1725                                 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
1726                     
1727                                 
1728                         
1729                         
1730                         
1731                         
1732                                 <dl class="detailList">
1733                                 <dt class="heading">Parameters:</dt>
1734                                 
1735                                         <dt>
1736                                                 <span class="fixedFont">Event</span>  <b>e</b>
1737                                                 
1738                                         </dt>
1739                                         <dd>the mousemove event</dd>
1740                                 
1741                                         <dt>
1742                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
1743                                                 
1744                                         </dt>
1745                                         <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>
1746                                 
1747                                 </dl>
1748                         
1749                         
1750                         
1751                         
1752                         
1753                         
1754                         
1755
1756                     
1757                     
1758                      
1759                     </div>                    
1760                 </div>
1761
1762             </td>
1763             <td class="msource">
1764                 
1765                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1766                 &nbsp;
1767             </td>
1768         </tr>
1769         
1770           
1771           <tr class="method-row config-row-alt1 expandable">
1772             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1773            
1774            
1775             <td class="sig">
1776                 <a id="Roo.dd.DragDrop-method-onDragOut"   name=".onDragOut"></a>
1777                 <div class="fixedFont">
1778                         <span class="attributes"></span><b class="itemname">onDragOut</b>
1779                                 
1780                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>) 
1781                         
1782                                 
1783                         
1784                 </div>
1785                 <div class="mdesc">
1786                 
1787                    <div class="short">Abstract method called when we are no longer hovering over an element</div> 
1788                  
1789                  
1790                  
1791                     <div class="long">
1792                         
1793                                 Abstract method called when we are no longer hovering over an element
1794                     
1795                                 
1796                         
1797                         
1798                         
1799                         
1800                                 <dl class="detailList">
1801                                 <dt class="heading">Parameters:</dt>
1802                                 
1803                                         <dt>
1804                                                 <span class="fixedFont">Event</span>  <b>e</b>
1805                                                 
1806                                         </dt>
1807                                         <dd>the mousemove event</dd>
1808                                 
1809                                         <dt>
1810                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
1811                                                 
1812                                         </dt>
1813                                         <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>
1814                                 
1815                                 </dl>
1816                         
1817                         
1818                         
1819                         
1820                         
1821                         
1822                         
1823
1824                     
1825                     
1826                      
1827                     </div>                    
1828                 </div>
1829
1830             </td>
1831             <td class="msource">
1832                 
1833                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1834                 &nbsp;
1835             </td>
1836         </tr>
1837         
1838           
1839           <tr class="method-row config-row-alt0 expandable">
1840             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1841            
1842            
1843             <td class="sig">
1844                 <a id="Roo.dd.DragDrop-method-onDragOver"   name=".onDragOver"></a>
1845                 <div class="fixedFont">
1846                         <span class="attributes"></span><b class="itemname">onDragOver</b>
1847                                 
1848                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>) 
1849                         
1850                                 
1851                         
1852                 </div>
1853                 <div class="mdesc">
1854                 
1855                    <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div> 
1856                  
1857                  
1858                  
1859                     <div class="long">
1860                         
1861                                 Abstract method called when this element is hovering over another<br/>DragDrop obj
1862                     
1863                                 
1864                         
1865                         
1866                         
1867                         
1868                                 <dl class="detailList">
1869                                 <dt class="heading">Parameters:</dt>
1870                                 
1871                                         <dt>
1872                                                 <span class="fixedFont">Event</span>  <b>e</b>
1873                                                 
1874                                         </dt>
1875                                         <dd>the mousemove event</dd>
1876                                 
1877                                         <dt>
1878                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
1879                                                 
1880                                         </dt>
1881                                         <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>
1882                                 
1883                                 </dl>
1884                         
1885                         
1886                         
1887                         
1888                         
1889                         
1890                         
1891
1892                     
1893                     
1894                      
1895                     </div>                    
1896                 </div>
1897
1898             </td>
1899             <td class="msource">
1900                 
1901                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1902                 &nbsp;
1903             </td>
1904         </tr>
1905         
1906           
1907           <tr class="method-row config-row-alt1 expandable">
1908             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1909            
1910            
1911             <td class="sig">
1912                 <a id="Roo.dd.DragDrop-method-onInvalidDrop"   name=".onInvalidDrop"></a>
1913                 <div class="fixedFont">
1914                         <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
1915                                 
1916                                  (Event <B><i>e</i></B>) 
1917                         
1918                                 
1919                         
1920                 </div>
1921                 <div class="mdesc">
1922                 
1923                    <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div> 
1924                  
1925                  
1926                  
1927                     <div class="long">
1928                         
1929                                 Abstract method called when this item is dropped on an area with no<br/>drop target
1930                     
1931                                 
1932                         
1933                         
1934                         
1935                         
1936                                 <dl class="detailList">
1937                                 <dt class="heading">Parameters:</dt>
1938                                 
1939                                         <dt>
1940                                                 <span class="fixedFont">Event</span>  <b>e</b>
1941                                                 
1942                                         </dt>
1943                                         <dd>the mouseup event</dd>
1944                                 
1945                                 </dl>
1946                         
1947                         
1948                         
1949                         
1950                         
1951                         
1952                         
1953
1954                     
1955                     
1956                      
1957                     </div>                    
1958                 </div>
1959
1960             </td>
1961             <td class="msource">
1962                 
1963                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1964                 &nbsp;
1965             </td>
1966         </tr>
1967         
1968           
1969           <tr class="method-row config-row-alt0 expandable">
1970             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1971            
1972            
1973             <td class="sig">
1974                 <a id="Roo.dd.DragDrop-method-onMouseDown"   name=".onMouseDown"></a>
1975                 <div class="fixedFont">
1976                         <span class="attributes"></span><b class="itemname">onMouseDown</b>
1977                                 
1978                                  (Event <B><i>e</i></B>) 
1979                         
1980                                 
1981                         
1982                 </div>
1983                 <div class="mdesc">
1984                 
1985                    <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div> 
1986                  
1987                  
1988                  
1989                     <div class="long">
1990                         
1991                                 Event handler that fires when a drag/drop obj gets a mousedown
1992                     
1993                                 
1994                         
1995                         
1996                         
1997                         
1998                                 <dl class="detailList">
1999                                 <dt class="heading">Parameters:</dt>
2000                                 
2001                                         <dt>
2002                                                 <span class="fixedFont">Event</span>  <b>e</b>
2003                                                 
2004                                         </dt>
2005                                         <dd>the mousedown event</dd>
2006                                 
2007                                 </dl>
2008                         
2009                         
2010                         
2011                         
2012                         
2013                         
2014                         
2015
2016                     
2017                     
2018                      
2019                     </div>                    
2020                 </div>
2021
2022             </td>
2023             <td class="msource">
2024                 
2025                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2026                 &nbsp;
2027             </td>
2028         </tr>
2029         
2030           
2031           <tr class="method-row config-row-alt1 expandable">
2032             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2033            
2034            
2035             <td class="sig">
2036                 <a id="Roo.dd.DragDrop-method-onMouseUp"   name=".onMouseUp"></a>
2037                 <div class="fixedFont">
2038                         <span class="attributes"></span><b class="itemname">onMouseUp</b>
2039                                 
2040                                  (Event <B><i>e</i></B>) 
2041                         
2042                                 
2043                         
2044                 </div>
2045                 <div class="mdesc">
2046                 
2047                    <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div> 
2048                  
2049                  
2050                  
2051                     <div class="long">
2052                         
2053                                 Event handler that fires when a drag/drop obj gets a mouseup
2054                     
2055                                 
2056                         
2057                         
2058                         
2059                         
2060                                 <dl class="detailList">
2061                                 <dt class="heading">Parameters:</dt>
2062                                 
2063                                         <dt>
2064                                                 <span class="fixedFont">Event</span>  <b>e</b>
2065                                                 
2066                                         </dt>
2067                                         <dd>the mouseup event</dd>
2068                                 
2069                                 </dl>
2070                         
2071                         
2072                         
2073                         
2074                         
2075                         
2076                         
2077
2078                     
2079                     
2080                      
2081                     </div>                    
2082                 </div>
2083
2084             </td>
2085             <td class="msource">
2086                 
2087                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2088                 &nbsp;
2089             </td>
2090         </tr>
2091         
2092           
2093           <tr class="method-row config-row-alt0 expandable">
2094             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2095            
2096            
2097             <td class="sig">
2098                 <a id="Roo.dd.DragDrop-method-padding"   name=".padding"></a>
2099                 <div class="fixedFont">
2100                         <span class="attributes"></span><b class="itemname">padding</b>
2101                                 
2102                                  () 
2103                         
2104                                 
2105                         
2106                 </div>
2107                 <div class="mdesc">
2108                 
2109                    <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div> 
2110                  
2111                  
2112                  
2113                     <div class="long">
2114                         
2115                                 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
2116                     
2117                                 
2118                         
2119                         
2120                         
2121                         
2122                         
2123                         
2124                         
2125                         
2126                         
2127                         
2128
2129                     
2130                     
2131                      
2132                     </div>                    
2133                 </div>
2134
2135             </td>
2136             <td class="msource">
2137                 
2138                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2139                 &nbsp;
2140             </td>
2141         </tr>
2142         
2143           
2144           <tr class="method-row config-row-alt1 expandable">
2145             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2146            
2147            
2148             <td class="sig">
2149                 <a id="Roo.dd.DragDrop-method-removeFromGroup"   name=".removeFromGroup"></a>
2150                 <div class="fixedFont">
2151                         <span class="attributes"></span><b class="itemname">removeFromGroup</b>
2152                                 
2153                                  (string <B><i>sGroup</i></B>) 
2154                         
2155                                 
2156                         
2157                 </div>
2158                 <div class="mdesc">
2159                 
2160                    <div class="short">Remove's this instance from the supplied interaction group</div> 
2161                  
2162                  
2163                  
2164                     <div class="long">
2165                         
2166                                 Remove's this instance from the supplied interaction group
2167                     
2168                                 
2169                         
2170                         
2171                         
2172                         
2173                                 <dl class="detailList">
2174                                 <dt class="heading">Parameters:</dt>
2175                                 
2176                                         <dt>
2177                                                 <span class="fixedFont">string</span>  <b>sGroup</b>
2178                                                 
2179                                         </dt>
2180                                         <dd>The group to drop</dd>
2181                                 
2182                                 </dl>
2183                         
2184                         
2185                         
2186                         
2187                         
2188                         
2189                         
2190
2191                     
2192                     
2193                      
2194                     </div>                    
2195                 </div>
2196
2197             </td>
2198             <td class="msource">
2199                 
2200                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2201                 &nbsp;
2202             </td>
2203         </tr>
2204         
2205           
2206           <tr class="method-row config-row-alt0 expandable">
2207             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2208            
2209            
2210             <td class="sig">
2211                 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass"   name=".removeInvalidHandleClass"></a>
2212                 <div class="fixedFont">
2213                         <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
2214                                 
2215                                  (string <B><i>cssClass</i></B>) 
2216                         
2217                                 
2218                         
2219                 </div>
2220                 <div class="mdesc">
2221                 
2222                    <div class="short">Unsets an invalid css class</div> 
2223                  
2224                  
2225                  
2226                     <div class="long">
2227                         
2228                                 Unsets an invalid css class
2229                     
2230                                 
2231                         
2232                         
2233                         
2234                         
2235                                 <dl class="detailList">
2236                                 <dt class="heading">Parameters:</dt>
2237                                 
2238                                         <dt>
2239                                                 <span class="fixedFont">string</span>  <b>cssClass</b>
2240                                                 
2241                                         </dt>
2242                                         <dd>the class of the element(s) you wish to<br/>re-enable</dd>
2243                                 
2244                                 </dl>
2245                         
2246                         
2247                         
2248                         
2249                         
2250                         
2251                         
2252
2253                     
2254                     
2255                      
2256                     </div>                    
2257                 </div>
2258
2259             </td>
2260             <td class="msource">
2261                 
2262                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2263                 &nbsp;
2264             </td>
2265         </tr>
2266         
2267           
2268           <tr class="method-row config-row-alt1 expandable">
2269             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2270            
2271            
2272             <td class="sig">
2273                 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId"   name=".removeInvalidHandleId"></a>
2274                 <div class="fixedFont">
2275                         <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
2276                                 
2277                                  (string <B><i>id</i></B>) 
2278                         
2279                                 
2280                         
2281                 </div>
2282                 <div class="mdesc">
2283                 
2284                    <div class="short">Unsets an invalid handle id</div> 
2285                  
2286                  
2287                  
2288                     <div class="long">
2289                         
2290                                 Unsets an invalid handle id
2291                     
2292                                 
2293                         
2294                         
2295                         
2296                         
2297                                 <dl class="detailList">
2298                                 <dt class="heading">Parameters:</dt>
2299                                 
2300                                         <dt>
2301                                                 <span class="fixedFont">string</span>  <b>id</b>
2302                                                 
2303                                         </dt>
2304                                         <dd>the id of the element to re-enable</dd>
2305                                 
2306                                 </dl>
2307                         
2308                         
2309                         
2310                         
2311                         
2312                         
2313                         
2314
2315                     
2316                     
2317                      
2318                     </div>                    
2319                 </div>
2320
2321             </td>
2322             <td class="msource">
2323                 
2324                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2325                 &nbsp;
2326             </td>
2327         </tr>
2328         
2329           
2330           <tr class="method-row config-row-alt0 expandable">
2331             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2332            
2333            
2334             <td class="sig">
2335                 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType"   name=".removeInvalidHandleType"></a>
2336                 <div class="fixedFont">
2337                         <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
2338                                 
2339                                  (string <B><i>tagName</i></B>) 
2340                         
2341                                 
2342                         
2343                 </div>
2344                 <div class="mdesc">
2345                 
2346                    <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div> 
2347                  
2348                  
2349                  
2350                     <div class="long">
2351                         
2352                                 Unsets an excluded tag name set by addInvalidHandleType
2353                     
2354                                 
2355                         
2356                         
2357                         
2358                         
2359                                 <dl class="detailList">
2360                                 <dt class="heading">Parameters:</dt>
2361                                 
2362                                         <dt>
2363                                                 <span class="fixedFont">string</span>  <b>tagName</b>
2364                                                 
2365                                         </dt>
2366                                         <dd>the type of element to unexclude</dd>
2367                                 
2368                                 </dl>
2369                         
2370                         
2371                         
2372                         
2373                         
2374                         
2375                         
2376
2377                     
2378                     
2379                      
2380                     </div>                    
2381                 </div>
2382
2383             </td>
2384             <td class="msource">
2385                 
2386                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2387                 &nbsp;
2388             </td>
2389         </tr>
2390         
2391           
2392           <tr class="method-row config-row-alt1 expandable">
2393             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2394            
2395            
2396             <td class="sig">
2397                 <a id="Roo.dd.DragDrop-method-resetConstraints"   name=".resetConstraints"></a>
2398                 <div class="fixedFont">
2399                         <span class="attributes"></span><b class="itemname">resetConstraints</b>
2400                                 
2401                                  (boolean <B><i>maintainOffset</i></B>) 
2402                         
2403                                 
2404                         
2405                 </div>
2406                 <div class="mdesc">
2407                 
2408                    <div class="short">resetConstraints must be called if you manually reposition a dd element.</div> 
2409                  
2410                  
2411                  
2412                     <div class="long">
2413                         
2414                                 resetConstraints must be called if you manually reposition a dd element.
2415                     
2416                                 
2417                         
2418                         
2419                         
2420                         
2421                                 <dl class="detailList">
2422                                 <dt class="heading">Parameters:</dt>
2423                                 
2424                                         <dt>
2425                                                 <span class="fixedFont">boolean</span>  <b>maintainOffset</b>
2426                                                 
2427                                         </dt>
2428                                         <dd></dd>
2429                                 
2430                                 </dl>
2431                         
2432                         
2433                         
2434                         
2435                         
2436                         
2437                         
2438
2439                     
2440                     
2441                      
2442                     </div>                    
2443                 </div>
2444
2445             </td>
2446             <td class="msource">
2447                 
2448                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2449                 &nbsp;
2450             </td>
2451         </tr>
2452         
2453           
2454           <tr class="method-row config-row-alt0 expandable notInherited">
2455             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2456            
2457            
2458             <td class="sig">
2459                 <a id="Roo.dd.DD-method-setDelta"   name=".setDelta"></a>
2460                 <div class="fixedFont">
2461                         <span class="attributes"></span><b class="itemname">setDelta</b>
2462                                 
2463                                  (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>) 
2464                         
2465                                 
2466                         
2467                 </div>
2468                 <div class="mdesc">
2469                 
2470                    <div class="short">Sets the pointer offset.</div> 
2471                  
2472                  
2473                  
2474                     <div class="long">
2475                         
2476                                 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)
2477                     
2478                                 
2479                         
2480                         
2481                         
2482                         
2483                                 <dl class="detailList">
2484                                 <dt class="heading">Parameters:</dt>
2485                                 
2486                                         <dt>
2487                                                 <span class="fixedFont">int</span>  <b>iDeltaX</b>
2488                                                 
2489                                         </dt>
2490                                         <dd>the distance from the left</dd>
2491                                 
2492                                         <dt>
2493                                                 <span class="fixedFont">int</span>  <b>iDeltaY</b>
2494                                                 
2495                                         </dt>
2496                                         <dd>the distance from the top</dd>
2497                                 
2498                                 </dl>
2499                         
2500                         
2501                         
2502                         
2503                         
2504                         
2505                         
2506
2507                     
2508                     
2509                      
2510                     </div>                    
2511                 </div>
2512
2513             </td>
2514             <td class="msource">
2515                 
2516                         Roo.dd.DD
2517                 &nbsp;
2518             </td>
2519         </tr>
2520         
2521           
2522           <tr class="method-row config-row-alt1 expandable">
2523             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2524            
2525            
2526             <td class="sig">
2527                 <a id="Roo.dd.DragDrop-method-setDragElId"   name=".setDragElId"></a>
2528                 <div class="fixedFont">
2529                         <span class="attributes"></span><b class="itemname">setDragElId</b>
2530                                 
2531                                  (<B><i>id</i></B>) 
2532                         
2533                                 
2534                         
2535                 </div>
2536                 <div class="mdesc">
2537                 
2538                    <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> 
2539                  
2540                  
2541                  
2542                     <div class="long">
2543                         
2544                                 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
2545                     
2546                                 
2547                         
2548                         
2549                         
2550                         
2551                                 <dl class="detailList">
2552                                 <dt class="heading">Parameters:</dt>
2553                                 
2554                                         <dt>
2555                                                  <b>id</b>
2556                                                 
2557                                         </dt>
2558                                         <dd>{string} the id of the element that will be used to initiate the drag</dd>
2559                                 
2560                                 </dl>
2561                         
2562                         
2563                         
2564                         
2565                         
2566                         
2567                         
2568
2569                     
2570                     
2571                      
2572                     </div>                    
2573                 </div>
2574
2575             </td>
2576             <td class="msource">
2577                 
2578                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2579                 &nbsp;
2580             </td>
2581         </tr>
2582         
2583           
2584           <tr class="method-row config-row-alt0 expandable notInherited">
2585             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2586            
2587            
2588             <td class="sig">
2589                 <a id="Roo.dd.DD-method-setDragElPos"   name=".setDragElPos"></a>
2590                 <div class="fixedFont">
2591                         <span class="attributes"></span><b class="itemname">setDragElPos</b>
2592                                 
2593                                  (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>) 
2594                         
2595                                 
2596                         
2597                 </div>
2598                 <div class="mdesc">
2599                 
2600                    <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> 
2601                  
2602                  
2603                  
2604                     <div class="long">
2605                         
2606                                 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.
2607                     
2608                                 
2609                         
2610                         
2611                         
2612                         
2613                                 <dl class="detailList">
2614                                 <dt class="heading">Parameters:</dt>
2615                                 
2616                                         <dt>
2617                                                 <span class="fixedFont">int</span>  <b>iPageX</b>
2618                                                 
2619                                         </dt>
2620                                         <dd>the X coordinate of the mousedown or drag event</dd>
2621                                 
2622                                         <dt>
2623                                                 <span class="fixedFont">int</span>  <b>iPageY</b>
2624                                                 
2625                                         </dt>
2626                                         <dd>the Y coordinate of the mousedown or drag event</dd>
2627                                 
2628                                 </dl>
2629                         
2630                         
2631                         
2632                         
2633                         
2634                         
2635                         
2636
2637                     
2638                     
2639                      
2640                     </div>                    
2641                 </div>
2642
2643             </td>
2644             <td class="msource">
2645                 
2646                         Roo.dd.DD
2647                 &nbsp;
2648             </td>
2649         </tr>
2650         
2651           
2652           <tr class="method-row config-row-alt1 expandable">
2653             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2654            
2655            
2656             <td class="sig">
2657                 <a id="Roo.dd.DragDrop-method-setHandleElId"   name=".setHandleElId"></a>
2658                 <div class="fixedFont">
2659                         <span class="attributes"></span><b class="itemname">setHandleElId</b>
2660                                 
2661                                  (<B><i>id</i></B>) 
2662                         
2663                                 
2664                         
2665                 </div>
2666                 <div class="mdesc">
2667                 
2668                    <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div> 
2669                  
2670                  
2671                  
2672                     <div class="long">
2673                         
2674                                 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.
2675                     
2676                                 
2677                         
2678                         
2679                         
2680                         
2681                                 <dl class="detailList">
2682                                 <dt class="heading">Parameters:</dt>
2683                                 
2684                                         <dt>
2685                                                  <b>id</b>
2686                                                 
2687                                         </dt>
2688                                         <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
2689                                 
2690                                 </dl>
2691                         
2692                         
2693                         
2694                         
2695                         
2696                         
2697                         
2698
2699                     
2700                     
2701                      
2702                     </div>                    
2703                 </div>
2704
2705             </td>
2706             <td class="msource">
2707                 
2708                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2709                 &nbsp;
2710             </td>
2711         </tr>
2712         
2713           
2714           <tr class="method-row config-row-alt0 expandable">
2715             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2716            
2717            
2718             <td class="sig">
2719                 <a id="Roo.dd.DragDrop-method-setInitPosition"   name=".setInitPosition"></a>
2720                 <div class="fixedFont">
2721                         <span class="attributes"></span><b class="itemname">setInitPosition</b>
2722                                 
2723                                  (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>) 
2724                         
2725                                 
2726                         
2727                 </div>
2728                 <div class="mdesc">
2729                 
2730                    <div class="short">Stores the initial placement of the linked element.</div> 
2731                  
2732                  
2733                  
2734                     <div class="long">
2735                         
2736                                 Stores the initial placement of the linked element.
2737                     
2738                                 
2739                         
2740                         
2741                         
2742                         
2743                                 <dl class="detailList">
2744                                 <dt class="heading">Parameters:</dt>
2745                                 
2746                                         <dt>
2747                                                 <span class="fixedFont">int</span>  <b>diffX</b>
2748                                                 
2749                                         </dt>
2750                                         <dd>the X offset, default 0</dd>
2751                                 
2752                                         <dt>
2753                                                 <span class="fixedFont">int</span>  <b>diffY</b>
2754                                                 
2755                                         </dt>
2756                                         <dd>the Y offset, default 0</dd>
2757                                 
2758                                 </dl>
2759                         
2760                         
2761                         
2762                         
2763                         
2764                         
2765                         
2766
2767                     
2768                     
2769                      
2770                     </div>                    
2771                 </div>
2772
2773             </td>
2774             <td class="msource">
2775                 
2776                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2777                 &nbsp;
2778             </td>
2779         </tr>
2780         
2781           
2782           <tr class="method-row config-row-alt1 expandable">
2783             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2784            
2785            
2786             <td class="sig">
2787                 <a id="Roo.dd.DragDrop-method-setOuterHandleElId"   name=".setOuterHandleElId"></a>
2788                 <div class="fixedFont">
2789                         <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
2790                                 
2791                                  (<B><i>id</i></B>) 
2792                         
2793                                 
2794                         
2795                 </div>
2796                 <div class="mdesc">
2797                 
2798                    <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div> 
2799                  
2800                  
2801                  
2802                     <div class="long">
2803                         
2804                                 Allows you to set an element outside of the linked element as a drag<br/>handle
2805                     
2806                                 
2807                         
2808                         
2809                         
2810                         
2811                                 <dl class="detailList">
2812                                 <dt class="heading">Parameters:</dt>
2813                                 
2814                                         <dt>
2815                                                  <b>id</b>
2816                                                 
2817                                         </dt>
2818                                         <dd>the id of the element that will be used to initiate the drag</dd>
2819                                 
2820                                 </dl>
2821                         
2822                         
2823                         
2824                         
2825                         
2826                         
2827                         
2828
2829                     
2830                     
2831                      
2832                     </div>                    
2833                 </div>
2834
2835             </td>
2836             <td class="msource">
2837                 
2838                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2839                 &nbsp;
2840             </td>
2841         </tr>
2842         
2843           
2844           <tr class="method-row config-row-alt0 expandable">
2845             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2846            
2847            
2848             <td class="sig">
2849                 <a id="Roo.dd.DragDrop-method-setPadding"   name=".setPadding"></a>
2850                 <div class="fixedFont">
2851                         <span class="attributes"></span><b class="itemname">setPadding</b>
2852                                 
2853                                  (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>) 
2854                         
2855                                 
2856                         
2857                 </div>
2858                 <div class="mdesc">
2859                 
2860                    <div class="short">Configures the padding for the target zone in px.</div> 
2861                  
2862                  
2863                  
2864                     <div class="long">
2865                         
2866                                 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.
2867                     
2868                                 
2869                         
2870                         
2871                         
2872                         
2873                                 <dl class="detailList">
2874                                 <dt class="heading">Parameters:</dt>
2875                                 
2876                                         <dt>
2877                                                 <span class="fixedFont">int</span>  <b>iTop</b>
2878                                                 
2879                                         </dt>
2880                                         <dd>Top pad</dd>
2881                                 
2882                                         <dt>
2883                                                 <span class="fixedFont">int</span>  <b>iRight</b>
2884                                                 
2885                                         </dt>
2886                                         <dd>Right pad</dd>
2887                                 
2888                                         <dt>
2889                                                 <span class="fixedFont">int</span>  <b>iBot</b>
2890                                                 
2891                                         </dt>
2892                                         <dd>Bot pad</dd>
2893                                 
2894                                         <dt>
2895                                                 <span class="fixedFont">int</span>  <b>iLeft</b>
2896                                                 
2897                                         </dt>
2898                                         <dd>Left pad</dd>
2899                                 
2900                                 </dl>
2901                         
2902                         
2903                         
2904                         
2905                         
2906                         
2907                         
2908
2909                     
2910                     
2911                      
2912                     </div>                    
2913                 </div>
2914
2915             </td>
2916             <td class="msource">
2917                 
2918                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2919                 &nbsp;
2920             </td>
2921         </tr>
2922         
2923           
2924           <tr class="method-row config-row-alt1 expandable">
2925             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2926            
2927            
2928             <td class="sig">
2929                 <a id="Roo.dd.DragDrop-method-setXConstraint"   name=".setXConstraint"></a>
2930                 <div class="fixedFont">
2931                         <span class="attributes"></span><b class="itemname">setXConstraint</b>
2932                                 
2933                                  (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>) 
2934                         
2935                                 
2936                         
2937                 </div>
2938                 <div class="mdesc">
2939                 
2940                    <div class="short">By default, the element can be dragged any place on the screen.</div> 
2941                  
2942                  
2943                  
2944                     <div class="long">
2945                         
2946                                 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.
2947                     
2948                                 
2949                         
2950                         
2951                         
2952                         
2953                                 <dl class="detailList">
2954                                 <dt class="heading">Parameters:</dt>
2955                                 
2956                                         <dt>
2957                                                 <span class="fixedFont">int</span>  <b>iLeft</b>
2958                                                 
2959                                         </dt>
2960                                         <dd>the number of pixels the element can move to the left</dd>
2961                                 
2962                                         <dt>
2963                                                 <span class="fixedFont">int</span>  <b>iRight</b>
2964                                                 
2965                                         </dt>
2966                                         <dd>the number of pixels the element can move to the<br/>right</dd>
2967                                 
2968                                         <dt>
2969                                                 <span class="fixedFont">int</span>  <b>iTickSize</b>
2970                                                 
2971                                         </dt>
2972                                         <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
2973                                 
2974                                 </dl>
2975                         
2976                         
2977                         
2978                         
2979                         
2980                         
2981                         
2982
2983                     
2984                     
2985                      
2986                     </div>                    
2987                 </div>
2988
2989             </td>
2990             <td class="msource">
2991                 
2992                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2993                 &nbsp;
2994             </td>
2995         </tr>
2996         
2997           
2998           <tr class="method-row config-row-alt0 expandable">
2999             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3000            
3001            
3002             <td class="sig">
3003                 <a id="Roo.dd.DragDrop-method-setYConstraint"   name=".setYConstraint"></a>
3004                 <div class="fixedFont">
3005                         <span class="attributes"></span><b class="itemname">setYConstraint</b>
3006                                 
3007                                  (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>) 
3008                         
3009                                 
3010                         
3011                 </div>
3012                 <div class="mdesc">
3013                 
3014                    <div class="short">By default, the element can be dragged any place on the screen.</div> 
3015                  
3016                  
3017                  
3018                     <div class="long">
3019                         
3020                                 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.
3021                     
3022                                 
3023                         
3024                         
3025                         
3026                         
3027                                 <dl class="detailList">
3028                                 <dt class="heading">Parameters:</dt>
3029                                 
3030                                         <dt>
3031                                                 <span class="fixedFont">int</span>  <b>iUp</b>
3032                                                 
3033                                         </dt>
3034                                         <dd>the number of pixels the element can move up</dd>
3035                                 
3036                                         <dt>
3037                                                 <span class="fixedFont">int</span>  <b>iDown</b>
3038                                                 
3039                                         </dt>
3040                                         <dd>the number of pixels the element can move down</dd>
3041                                 
3042                                         <dt>
3043                                                 <span class="fixedFont">int</span>  <b>iTickSize</b>
3044                                                 
3045                                         </dt>
3046                                         <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
3047                                 
3048                                 </dl>
3049                         
3050                         
3051                         
3052                         
3053                         
3054                         
3055                         
3056
3057                     
3058                     
3059                      
3060                     </div>                    
3061                 </div>
3062
3063             </td>
3064             <td class="msource">
3065                 
3066                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3067                 &nbsp;
3068             </td>
3069         </tr>
3070         
3071           
3072           <tr class="method-row config-row-alt1 expandable">
3073             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3074            
3075            
3076             <td class="sig">
3077                 <a id="Roo.dd.DragDrop-method-startDrag"   name=".startDrag"></a>
3078                 <div class="fixedFont">
3079                         <span class="attributes"></span><b class="itemname">startDrag</b>
3080                                 
3081                                  (int <B><i>X</i></B>, int <B><i>Y</i></B>) 
3082                         
3083                                 
3084                         
3085                 </div>
3086                 <div class="mdesc">
3087                 
3088                    <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> 
3089                  
3090                  
3091                  
3092                     <div class="long">
3093                         
3094                                 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
3095                     
3096                                 
3097                         
3098                         
3099                         
3100                         
3101                                 <dl class="detailList">
3102                                 <dt class="heading">Parameters:</dt>
3103                                 
3104                                         <dt>
3105                                                 <span class="fixedFont">int</span>  <b>X</b>
3106                                                 
3107                                         </dt>
3108                                         <dd>click location</dd>
3109                                 
3110                                         <dt>
3111                                                 <span class="fixedFont">int</span>  <b>Y</b>
3112                                                 
3113                                         </dt>
3114                                         <dd>click location</dd>
3115                                 
3116                                 </dl>
3117                         
3118                         
3119                         
3120                         
3121                         
3122                         
3123                         
3124
3125                     
3126                     
3127                      
3128                     </div>                    
3129                 </div>
3130
3131             </td>
3132             <td class="msource">
3133                 
3134                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3135                 &nbsp;
3136             </td>
3137         </tr>
3138         
3139           
3140           <tr class="method-row config-row-alt0 expandable">
3141             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3142            
3143            
3144             <td class="sig">
3145                 <a id="Roo.dd.DragDrop-method-unlock"   name=".unlock"></a>
3146                 <div class="fixedFont">
3147                         <span class="attributes"></span><b class="itemname">unlock</b>
3148                                 
3149                                  () 
3150                         
3151                                 
3152                         
3153                 </div>
3154                 <div class="mdesc">
3155                 
3156                    <div class="short">Unlock this instace</div> 
3157                  
3158                  
3159                  
3160                     <div class="long">
3161                         
3162                                 Unlock this instace
3163                     
3164                                 
3165                         
3166                         
3167                         
3168                         
3169                         
3170                         
3171                         
3172                         
3173                         
3174                         
3175
3176                     
3177                     
3178                      
3179                     </div>                    
3180                 </div>
3181
3182             </td>
3183             <td class="msource">
3184                 
3185                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3186                 &nbsp;
3187             </td>
3188         </tr>
3189         
3190           
3191           <tr class="method-row config-row-alt1 expandable">
3192             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3193            
3194            
3195             <td class="sig">
3196                 <a id="Roo.dd.DragDrop-method-unreg"   name=".unreg"></a>
3197                 <div class="fixedFont">
3198                         <span class="attributes"></span><b class="itemname">unreg</b>
3199                                 
3200                                  () 
3201                         
3202                                 
3203                         
3204                 </div>
3205                 <div class="mdesc">
3206                 
3207                    <div class="short">Remove all drag and drop hooks for this element</div> 
3208                  
3209                  
3210                  
3211                     <div class="long">
3212                         
3213                                 Remove all drag and drop hooks for this element
3214                     
3215                                 
3216                         
3217                         
3218                         
3219                         
3220                         
3221                         
3222                         
3223                         
3224                         
3225                         
3226
3227                     
3228                     
3229                      
3230                     </div>                    
3231                 </div>
3232
3233             </td>
3234             <td class="msource">
3235                 
3236                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3237                 &nbsp;
3238             </td>
3239         </tr>
3240         
3241                                                        
3242     </table>
3243
3244   
3245   <!-- ============================== events summary / details ======================== -->
3246   
3247   
3248   <a id="Roo.dd.DD-events"></a>
3249     
3250   
3251         
3252    
3253     
3254      <table cellspacing="0" class="member-table">
3255       <caption class="Empty">Events - Has None</caption>
3256      </table>
3257     
3258     
3259   
3260     
3261     
3262   
3263   
3264   
3265  
3266 <!-- ============================== footer ================================= -->
3267                 <div class="fineprint" style="clear:both">
3268                         
3269                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Tue Jul 27 2010 11:05:07 GMT+0800 (HKT)
3270                         Based on 
3271                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
3272                 </div>
3273         </body>
3274 </html>