git.roojs.org Git - roojs1/blob - docs.old/symbols/Roo.dd.DragSource.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.DragSource</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.DragSource-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.dd.DragSource-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.dd.DragSource-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.dd.DragSource-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.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
  48 <img src="../../images/default/s.gif" height="1" width="40"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
  49 <img src="../../images/default/s.gif" height="1" width="60"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
  50 <img src="../../images/default/s.gif" height="1"  width="80"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.dd.DragSource
  51
  52                    </pre>
  53                 </div>
  54
  55 <!-- ============================== class title / details ============================ -->
  56
  57
  58     <h1 class="classTitle">
  59
  60                                 Class Roo.dd.DragSource
  61                         </h1>
  62
  63     <table cellspacing="0" class="class-summary-table">
  64
  65                 <tr><td class="label">Package:</td><td class="hd-info">Roo.dd</td></tr>
  66
  67         <tr><td class="label">Defined In:</td><td class="hd-info">
  68
  69                                         <a href="./src/Roo_dd_DragSource.js.html">Roo/dd/DragSource.js</a>.
  70
  71         </td></tr>
  72         <tr><td class="label">Class:</td><td class="hd-info">DragSource</td></tr>
  73
  74
  75         <tr><td class="label">Subclasses:</td><td class="hd-info">
  76                 <a href="./Roo.dd.DragZone.html#constructor" roo:cls="Roo.dd.DragZone.html#constructor">Roo.dd.DragZone</a>
  77
  78
  79
  80         </td></tr>
  81
  82
  83
  84                 <tr><td class="label">Extends:</td><td class="hd-info">
  85                         <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
  86
  87                 </td></tr>
  88
  89
  90     </table>
  91
  92
  93 <!-- ============================== class summary ========================== -->
  94     <div class="description">
  95         A simple class that provides the basic implementation needed to make any element draggable.
  96     </div>
  97
  98
  99 <!-- ============================== Class comment block... ========================== -->
 100
 101 <div class="comments">
 102         <b>Class Comments / Notes</B> =>
 103         <u onclick="parent.CommentDialog.showCommentId = 'Roo.dd.DragSource';">[Add Your comment/notes about this class]</u>
 104         <br/>
 105         <iframe frameborder="0"  id="comments-Roo.dd" style="border: none;width:100%;"
 106                 src="/blog.php/GtkDjsComments/Roo.dd.DragSource.html"></iframe>
 107 </div>
 108
 109
 110
 111 <!-- ============================== config options ========================== -->
 112
 113
 114
 115
 116     <div class="hr"></div>
 117     <a id="Roo.dd.DragSource-configs"></a>
 118
 119
 120
 121
 122
 123       <table cellspacing="0" class="member-table">
 124       <caption>Config Options (Usually are also Properties)</caption>
 125
 126
 127         <tr>
 128             <th class="sig-header" colspan="2">Options</th>
 129
 130             <th class="msource-header">Defined By</th>
 131         </tr>
 132
 133
 134
 135
 136
 137                 <tr class="config-row expandable config-row-alt0 notInherited">
 138                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 139                     <td class="sig">
 140
 141                         <a id="Roo.dd.DragSource-cfg-dropAllowed" name=".dropAllowed"></a>
 142                         <div class="fixedFont">
 143                                 <b  class="itemname">dropAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 144
 145
 146                         </div>
 147
 148                         <div class="mdesc">
 149                             <div class="short">The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").</div>
 150                         </div>
 151
 152                         <div class="mdesc">
 153                             <div class="long">
 154                     The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").
 155
 156                 </div>
 157                         </div>
 158
 159
 160
 161                     </td>
 162                     <td class="msource">
 163
 164                         Roo.dd.DragSource
 165
 166                     </td>
 167                 </tr>
 168
 169
 170                 <tr class="config-row expandable config-row-alt1 notInherited">
 171                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 172                     <td class="sig">
 173
 174                         <a id="Roo.dd.DragSource-cfg-dropNotAllowed" name=".dropNotAllowed"></a>
 175                         <div class="fixedFont">
 176                                 <b  class="itemname">dropNotAllowed</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 177
 178
 179                         </div>
 180
 181                         <div class="mdesc">
 182                             <div class="short">The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").</div>
 183                         </div>
 184
 185                         <div class="mdesc">
 186                             <div class="long">
 187                     The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").
 188
 189                 </div>
 190                         </div>
 191
 192
 193
 194                     </td>
 195                     <td class="msource">
 196
 197                         Roo.dd.DragSource
 198
 199                     </td>
 200                 </tr>
 201
 202
 203                 <tr class="config-row expandable config-row-alt0">
 204                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 205                     <td class="sig">
 206
 207                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 208                         <div class="fixedFont">
 209                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 210
 211
 212                         </div>
 213
 214                         <div class="mdesc">
 215                             <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           .</div>
 216                         </div>
 217
 218                         <div class="mdesc">
 219                             <div class="long">
 220                     list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           ..... <br/>        } ,<br/>        .... <br/>    } <br/>  </code></pre>
 221
 222                 </div>
 223                         </div>
 224
 225
 226
 227                     </td>
 228                     <td class="msource">
 229
 230                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 231
 232                     </td>
 233                 </tr>
 234
 235
 236     </table>
 237
 238
 239
 240
 241
 242
 243
 244
 245
 246   <!-- ============================== public properties ==================== -->
 247
 248
 249
 250     <a id="Roo.dd.DragSource-props"></a>
 251
 252
 253
 254
 255
 256
 257
 258       <table cellspacing="0" class="member-table">
 259       <caption>Public Properties </caption>
 260         <tr>
 261             <th class="sig-header" colspan="2">Property</th>
 262             <th class="sig-header">Description</th>
 263             <th class="msource-header">Defined By</th>
 264         </tr>
 265
 266
 267
 268
 269
 270
 271
 272
 273           <tr class="property-row config-row-alt0">
 274             <td class="micon">
 275                 <a class="exi" href="#expand">&nbsp;</a>
 276             </td>
 277             <td class="sig">
 278                <a id="Roo.dd.DDProxy-prop-dragElId" name=".dragElId"></a>
 279                <div class="fixedFont">
 280                     <span class="attributes">Roo.dd.DragSource.</span><b  class="itemname">dragElId</b> :
 281                      <span type="etype"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>
 282                      </div>
 283             </td>
 284             <td class="sig">
 285                 <div class="mdesc">
 286
 287
 288                    <div class="short">
 289                         The default drag frame div id
 290
 291
 292
 293                    </div>
 294
 295                     <div class="long">
 296
 297                         The default drag frame div id
 298
 299                 </div>
 300                 </div>
 301             </td>
 302
 303             <td class="msource">
 304             <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
 305             </td>
 306
 307           </tr>
 308
 309
 310
 311
 312
 313         <!-- TODO: implement this alt row.  also notice non-linked "Defined by" when property is a part of this class.
 314         <tr class="property-row alt">
 315
 316         -->
 317
 318     </table>
 319
 320
 321   <!-- ============================== methods summary / details ======================== -->
 322
 323
 324   <a id="Roo.dd.DragSource-methods"></a>
 325         <!-- constructor?? -->
 326
 327         <!-- static's first
 328
 329
 330         -->
 331
 332         <!-- then dynamics first -->
 333
 334
 335
 336
 337
 338
 339       <table cellspacing="0" class="member-table">
 340       <caption>Public Methods</caption>
 341         <tr>
 342             <th class="sig-header" colspan="2">Method</th>
 343             <th class="msource-header">Defined By</th>
 344
 345         </tr>
 346
 347
 348
 349
 350
 351
 352
 353           <tr class="method-row config-row-alt0 expandable notInherited">
 354             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 355
 356
 357             <td class="sig">
 358                 <a id="Roo.dd-method-DragSource"   name=".DragSource"></a>
 359                 <div class="fixedFont">
 360                         <span class="attributes">new <B>Roo.dd.</B></span><b class="itemname">DragSource</b>
 361
 362                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 363
 364
 365
 366                 </div>
 367                 <div class="mdesc">
 368
 369
 370                         <div class="short">Create a new Roo.dd.DragSource</div>
 371
 372
 373                     <div class="long">
 374
 375
 376
 377                                 Create a new Roo.dd.DragSource
 378
 379
 380                                 <dl class="detailList">
 381                                 <dt class="heading">Parameters:</dt>
 382
 383                                         <dt>
 384                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 385
 386                                         </dt>
 387                                         <dd>The container element</dd>
 388
 389                                         <dt>
 390                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
 391
 392                                         </dt>
 393                                         <dd></dd>
 394
 395                                 </dl>
 396
 397
 398
 399
 400
 401
 402
 403
 404
 405
 406
 407                     </div>
 408                 </div>
 409
 410             </td>
 411             <td class="msource">
 412                 &nbsp;
 413             </td>
 414         </tr>
 415
 416
 417           <tr class="method-row config-row-alt1 expandable">
 418             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 419
 420
 421             <td class="sig">
 422                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 423                 <div class="fixedFont">
 424                         <span class="attributes"></span><b class="itemname">addEvents</b>
 425
 426                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 427
 428
 429
 430                 </div>
 431                 <div class="mdesc">
 432
 433                    <div class="short">Used to define events on this Observable</div>
 434
 435
 436
 437                     <div class="long">
 438
 439                                 Used to define events on this Observable
 440
 441
 442
 443
 444
 445
 446                                 <dl class="detailList">
 447                                 <dt class="heading">Parameters:</dt>
 448
 449                                         <dt>
 450                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>object</b>
 451
 452                                         </dt>
 453                                         <dd>The object with the events defined</dd>
 454
 455                                 </dl>
 456
 457
 458
 459
 460
 461
 462
 463
 464
 465
 466
 467                     </div>
 468                 </div>
 469
 470             </td>
 471             <td class="msource">
 472
 473                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 474                 &nbsp;
 475             </td>
 476         </tr>
 477
 478
 479           <tr class="method-row config-row-alt0 expandable">
 480             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 481
 482
 483             <td class="sig">
 484                 <a id="Roo.dd.DragDrop-method-addInvalidHandleClass"   name=".addInvalidHandleClass"></a>
 485                 <div class="fixedFont">
 486                         <span class="attributes"></span><b class="itemname">addInvalidHandleClass</b>
 487
 488                                  (string <B><i>cssClass</i></B>)
 489
 490
 491
 492                 </div>
 493                 <div class="mdesc">
 494
 495                    <div class="short">Lets you specify a css class of elements that will not initiate a drag</div>
 496
 497
 498
 499                     <div class="long">
 500
 501                                 Lets you specify a css class of elements that will not initiate a drag
 502
 503
 504
 505
 506
 507
 508                                 <dl class="detailList">
 509                                 <dt class="heading">Parameters:</dt>
 510
 511                                         <dt>
 512                                                 <span class="fixedFont">string</span>  <b>cssClass</b>
 513
 514                                         </dt>
 515                                         <dd>the class of the elements you wish to ignore</dd>
 516
 517                                 </dl>
 518
 519
 520
 521
 522
 523
 524
 525
 526
 527
 528
 529                     </div>
 530                 </div>
 531
 532             </td>
 533             <td class="msource">
 534
 535                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
 536                 &nbsp;
 537             </td>
 538         </tr>
 539
 540
 541           <tr class="method-row config-row-alt1 expandable">
 542             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 543
 544
 545             <td class="sig">
 546                 <a id="Roo.dd.DragDrop-method-addInvalidHandleId"   name=".addInvalidHandleId"></a>
 547                 <div class="fixedFont">
 548                         <span class="attributes"></span><b class="itemname">addInvalidHandleId</b>
 549
 550                                  (string <B><i>id</i></B>)
 551
 552
 553
 554                 </div>
 555                 <div class="mdesc">
 556
 557                    <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>
 558
 559
 560
 561                     <div class="long">
 562
 563                                 Lets you to specify an element id for a child of a drag handle<br/>that should not initiate a drag
 564
 565
 566
 567
 568
 569
 570                                 <dl class="detailList">
 571                                 <dt class="heading">Parameters:</dt>
 572
 573                                         <dt>
 574                                                 <span class="fixedFont">string</span>  <b>id</b>
 575
 576                                         </dt>
 577                                         <dd>the element id of the element you wish to ignore</dd>
 578
 579                                 </dl>
 580
 581
 582
 583
 584
 585
 586
 587
 588
 589
 590
 591                     </div>
 592                 </div>
 593
 594             </td>
 595             <td class="msource">
 596
 597                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
 598                 &nbsp;
 599             </td>
 600         </tr>
 601
 602
 603           <tr class="method-row config-row-alt0 expandable">
 604             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 605
 606
 607             <td class="sig">
 608                 <a id="Roo.dd.DragDrop-method-addInvalidHandleType"   name=".addInvalidHandleType"></a>
 609                 <div class="fixedFont">
 610                         <span class="attributes"></span><b class="itemname">addInvalidHandleType</b>
 611
 612                                  (string <B><i>tagName</i></B>)
 613
 614
 615
 616                 </div>
 617                 <div class="mdesc">
 618
 619                    <div class="short">Allows you to specify a tag name that should not start a drag operation<br/>when clicked.</div>
 620
 621
 622
 623                     <div class="long">
 624
 625                                 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.
 626
 627
 628
 629
 630
 631
 632                                 <dl class="detailList">
 633                                 <dt class="heading">Parameters:</dt>
 634
 635                                         <dt>
 636                                                 <span class="fixedFont">string</span>  <b>tagName</b>
 637
 638                                         </dt>
 639                                         <dd>the type of element to exclude</dd>
 640
 641                                 </dl>
 642
 643
 644
 645
 646
 647
 648
 649
 650
 651
 652
 653                     </div>
 654                 </div>
 655
 656             </td>
 657             <td class="msource">
 658
 659                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
 660                 &nbsp;
 661             </td>
 662         </tr>
 663
 664
 665           <tr class="method-row config-row-alt1 expandable">
 666             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 667
 668
 669             <td class="sig">
 670                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 671                 <div class="fixedFont">
 672                         <span class="attributes"></span><b class="itemname">addListener</b>
 673
 674                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
 675
 676
 677
 678                 </div>
 679                 <div class="mdesc">
 680
 681                    <div class="short">Appends an event handler to this component</div>
 682
 683
 684
 685                     <div class="long">
 686
 687                                 Appends an event handler to this component
 688
 689
 690
 691
 692
 693
 694                                 <dl class="detailList">
 695                                 <dt class="heading">Parameters:</dt>
 696
 697                                         <dt>
 698                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 699
 700                                         </dt>
 701                                         <dd>The type of event to listen for</dd>
 702
 703                                         <dt>
 704                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 705
 706                                         </dt>
 707                                         <dd>The method the event invokes</dd>
 708
 709                                         <dt>
 710                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
 711
 712                                         </dt>
 713                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 714
 715                                         <dt>
 716                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
 717
 718                                         </dt>
 719                                         <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/>             <pre><code><br/>                el.on('click', this.onClick, this, {<br/>                       single: true,<br/>              delay: 100,<br/>                forumId: 4<br/>         });<br/>                </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/>               el.on({<br/>                    'click': {<br/>                 fn: this.onClick,<br/>                  scope: this,<br/>                       delay: 100<br/>                 }, <br/>                'mouseover': {<br/>                     fn: this.onMouseOver,<br/>                      scope: this<br/>                },<br/>                 'mouseout': {<br/>                      fn: this.onMouseOut,<br/>                       scope: this<br/>                }<br/>          });<br/>                </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/>        <pre><code><br/>                el.on({<br/>                    'click': this.onClick,<br/>             'mouseover': this.onMouseOver,<br/>             'mouseout': this.onMouseOut,<br/>               scope: this<br/>                });<br/>                </code></pre></dd>
 720
 721                                 </dl>
 722
 723
 724
 725
 726
 727
 728
 729
 730
 731
 732
 733                     </div>
 734                 </div>
 735
 736             </td>
 737             <td class="msource">
 738
 739                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 740                 &nbsp;
 741             </td>
 742         </tr>
 743
 744
 745           <tr class="method-row config-row-alt0 expandable">
 746             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 747
 748
 749             <td class="sig">
 750                 <a id="Roo.dd.DragDrop-method-addToGroup"   name=".addToGroup"></a>
 751                 <div class="fixedFont">
 752                         <span class="attributes"></span><b class="itemname">addToGroup</b>
 753
 754                                  (<B><i>sGroup</i></B>)
 755
 756
 757
 758                 </div>
 759                 <div class="mdesc">
 760
 761                    <div class="short">Add this instance to a group of related drag/drop objects.</div>
 762
 763
 764
 765                     <div class="long">
 766
 767                                 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.
 768
 769
 770
 771
 772
 773
 774                                 <dl class="detailList">
 775                                 <dt class="heading">Parameters:</dt>
 776
 777                                         <dt>
 778                                                  <b>sGroup</b>
 779
 780                                         </dt>
 781                                         <dd>{string} the name of the group</dd>
 782
 783                                 </dl>
 784
 785
 786
 787
 788
 789
 790
 791
 792
 793
 794
 795                     </div>
 796                 </div>
 797
 798             </td>
 799             <td class="msource">
 800
 801                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
 802                 &nbsp;
 803             </td>
 804         </tr>
 805
 806
 807           <tr class="method-row config-row-alt1 expandable">
 808             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 809
 810
 811             <td class="sig">
 812                 <a id="Roo.dd.DD-method-alignElWithMouse"   name=".alignElWithMouse"></a>
 813                 <div class="fixedFont">
 814                         <span class="attributes"></span><b class="itemname">alignElWithMouse</b>
 815
 816                                  (<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>)
 817
 818
 819
 820                 </div>
 821                 <div class="mdesc">
 822
 823                    <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>
 824
 825
 826
 827                     <div class="long">
 828
 829                                 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.
 830
 831
 832
 833
 834
 835
 836                                 <dl class="detailList">
 837                                 <dt class="heading">Parameters:</dt>
 838
 839                                         <dt>
 840                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>el</b>
 841
 842                                         </dt>
 843                                         <dd>the element to move</dd>
 844
 845                                         <dt>
 846                                                 <span class="fixedFont">int</span>  <b>iPageX</b>
 847
 848                                         </dt>
 849                                         <dd>the X coordinate of the mousedown or drag event</dd>
 850
 851                                         <dt>
 852                                                 <span class="fixedFont">int</span>  <b>iPageY</b>
 853
 854                                         </dt>
 855                                         <dd>the Y coordinate of the mousedown or drag event</dd>
 856
 857                                 </dl>
 858
 859
 860
 861
 862
 863
 864
 865
 866
 867
 868
 869                     </div>
 870                 </div>
 871
 872             </td>
 873             <td class="msource">
 874
 875                         <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
 876                 &nbsp;
 877             </td>
 878         </tr>
 879
 880
 881           <tr class="method-row config-row-alt0 expandable">
 882             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 883
 884
 885             <td class="sig">
 886                 <a id="Roo.dd.DragDrop-method-applyConfig"   name=".applyConfig"></a>
 887                 <div class="fixedFont">
 888                         <span class="attributes"></span><b class="itemname">applyConfig</b>
 889
 890                                  ()
 891
 892
 893
 894                 </div>
 895                 <div class="mdesc">
 896
 897                    <div class="short">Applies the configuration parameters that were passed into the constructor.</div>
 898
 899
 900
 901                     <div class="long">
 902
 903                                 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.
 904
 905
 906
 907
 908
 909
 910
 911
 912
 913
 914
 915
 916
 917
 918
 919
 920                     </div>
 921                 </div>
 922
 923             </td>
 924             <td class="msource">
 925
 926                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
 927                 &nbsp;
 928             </td>
 929         </tr>
 930
 931
 932           <tr class="method-row config-row-alt1 expandable">
 933             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 934
 935
 936             <td class="sig">
 937                 <a id="Roo.dd.DD-method-autoOffset"   name=".autoOffset"></a>
 938                 <div class="fixedFont">
 939                         <span class="attributes"></span><b class="itemname">autoOffset</b>
 940
 941                                  (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
 942
 943
 944
 945                 </div>
 946                 <div class="mdesc">
 947
 948                    <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>
 949
 950
 951
 952                     <div class="long">
 953
 954                                 Sets the pointer offset to the distance between the linked element's top<br/>left corner and the location the element was clicked
 955
 956
 957
 958
 959
 960
 961                                 <dl class="detailList">
 962                                 <dt class="heading">Parameters:</dt>
 963
 964                                         <dt>
 965                                                 <span class="fixedFont">int</span>  <b>iPageX</b>
 966
 967                                         </dt>
 968                                         <dd>the X coordinate of the click</dd>
 969
 970                                         <dt>
 971                                                 <span class="fixedFont">int</span>  <b>iPageY</b>
 972
 973                                         </dt>
 974                                         <dd>the Y coordinate of the click</dd>
 975
 976                                 </dl>
 977
 978
 979
 980
 981
 982
 983
 984
 985
 986
 987
 988                     </div>
 989                 </div>
 990
 991             </td>
 992             <td class="msource">
 993
 994                         <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
 995                 &nbsp;
 996             </td>
 997         </tr>
 998
 999
1000           <tr class="method-row config-row-alt0 expandable notInherited">
1001             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1002
1003
1004             <td class="sig">
1005                 <a id="Roo.dd.DragSource-method-beforeDragDrop"   name=".beforeDragDrop"></a>
1006                 <div class="fixedFont">
1007                         <span class="attributes"></span><b class="itemname">beforeDragDrop</b>
1008
1009                                  (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1010
1011
1012                                          :
1013
1014
1015                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1016
1017
1018
1019
1020
1021                 </div>
1022                 <div class="mdesc">
1023
1024                    <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.</div>
1025
1026
1027
1028                     <div class="long">
1029
1030                                 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dropped onto the target and optionally cancel the onDragDrop.
1031
1032
1033
1034
1035
1036
1037                                 <dl class="detailList">
1038                                 <dt class="heading">Parameters:</dt>
1039
1040                                         <dt>
1041                                                 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
1042
1043                                         </dt>
1044                                         <dd>The drop target</dd>
1045
1046                                         <dt>
1047                                                 <span class="fixedFont">Event</span>  <b>e</b>
1048
1049                                         </dt>
1050                                         <dd>The event object</dd>
1051
1052                                         <dt>
1053                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
1054
1055                                         </dt>
1056                                         <dd>The id of the dragged element</dd>
1057
1058                                 </dl>
1059
1060
1061
1062
1063
1064                                 <dl class="detailList">
1065                                 <dt class="heading">Returns:</dt>
1066
1067                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  isValid True if the drag drop event is valid, else false to cancel</dd>
1068
1069                                 </dl>
1070
1071
1072
1073
1074
1075
1076
1077                     </div>
1078                 </div>
1079
1080             </td>
1081             <td class="msource">
1082
1083                         Roo.dd.DragSource
1084                 &nbsp;
1085             </td>
1086         </tr>
1087
1088
1089           <tr class="method-row config-row-alt1 expandable notInherited">
1090             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1091
1092
1093             <td class="sig">
1094                 <a id="Roo.dd.DragSource-method-beforeDragEnter"   name=".beforeDragEnter"></a>
1095                 <div class="fixedFont">
1096                         <span class="attributes"></span><b class="itemname">beforeDragEnter</b>
1097
1098                                  (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1099
1100
1101                                          :
1102
1103
1104                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1105
1106
1107
1108
1109
1110                 </div>
1111                 <div class="mdesc">
1112
1113                    <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.</div>
1114
1115
1116
1117                     <div class="long">
1118
1119                                 An empty function by default, but provided so that you can perform a custom action<br/>before the dragged item enters the drop target and optionally cancel the onDragEnter.
1120
1121
1122
1123
1124
1125
1126                                 <dl class="detailList">
1127                                 <dt class="heading">Parameters:</dt>
1128
1129                                         <dt>
1130                                                 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
1131
1132                                         </dt>
1133                                         <dd>The drop target</dd>
1134
1135                                         <dt>
1136                                                 <span class="fixedFont">Event</span>  <b>e</b>
1137
1138                                         </dt>
1139                                         <dd>The event object</dd>
1140
1141                                         <dt>
1142                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
1143
1144                                         </dt>
1145                                         <dd>The id of the dragged element</dd>
1146
1147                                 </dl>
1148
1149
1150
1151
1152
1153                                 <dl class="detailList">
1154                                 <dt class="heading">Returns:</dt>
1155
1156                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
1157
1158                                 </dl>
1159
1160
1161
1162
1163
1164
1165
1166                     </div>
1167                 </div>
1168
1169             </td>
1170             <td class="msource">
1171
1172                         Roo.dd.DragSource
1173                 &nbsp;
1174             </td>
1175         </tr>
1176
1177
1178           <tr class="method-row config-row-alt0 expandable notInherited">
1179             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1180
1181
1182             <td class="sig">
1183                 <a id="Roo.dd.DragSource-method-beforeDragOut"   name=".beforeDragOut"></a>
1184                 <div class="fixedFont">
1185                         <span class="attributes"></span><b class="itemname">beforeDragOut</b>
1186
1187                                  (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1188
1189
1190                                          :
1191
1192
1193                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1194
1195
1196
1197
1198
1199                 </div>
1200                 <div class="mdesc">
1201
1202                    <div class="short">An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.</div>
1203
1204
1205
1206                     <div class="long">
1207
1208                                 An empty function by default, but provided so that you can perform a custom action before the dragged<br/>item is dragged out of the target without dropping, and optionally cancel the onDragOut.
1209
1210
1211
1212
1213
1214
1215                                 <dl class="detailList">
1216                                 <dt class="heading">Parameters:</dt>
1217
1218                                         <dt>
1219                                                 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
1220
1221                                         </dt>
1222                                         <dd>The drop target</dd>
1223
1224                                         <dt>
1225                                                 <span class="fixedFont">Event</span>  <b>e</b>
1226
1227                                         </dt>
1228                                         <dd>The event object</dd>
1229
1230                                         <dt>
1231                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
1232
1233                                         </dt>
1234                                         <dd>The id of the dragged element</dd>
1235
1236                                 </dl>
1237
1238
1239
1240
1241
1242                                 <dl class="detailList">
1243                                 <dt class="heading">Returns:</dt>
1244
1245                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
1246
1247                                 </dl>
1248
1249
1250
1251
1252
1253
1254
1255                     </div>
1256                 </div>
1257
1258             </td>
1259             <td class="msource">
1260
1261                         Roo.dd.DragSource
1262                 &nbsp;
1263             </td>
1264         </tr>
1265
1266
1267           <tr class="method-row config-row-alt1 expandable notInherited">
1268             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1269
1270
1271             <td class="sig">
1272                 <a id="Roo.dd.DragSource-method-beforeDragOver"   name=".beforeDragOver"></a>
1273                 <div class="fixedFont">
1274                         <span class="attributes"></span><b class="itemname">beforeDragOver</b>
1275
1276                                  (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1277
1278
1279                                          :
1280
1281
1282                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1283
1284
1285
1286
1287
1288                 </div>
1289                 <div class="mdesc">
1290
1291                    <div class="short">An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.</div>
1292
1293
1294
1295                     <div class="long">
1296
1297                                 An empty function by default, but provided so that you can perform a custom action<br/>while the dragged item is over the drop target and optionally cancel the onDragOver.
1298
1299
1300
1301
1302
1303
1304                                 <dl class="detailList">
1305                                 <dt class="heading">Parameters:</dt>
1306
1307                                         <dt>
1308                                                 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
1309
1310                                         </dt>
1311                                         <dd>The drop target</dd>
1312
1313                                         <dt>
1314                                                 <span class="fixedFont">Event</span>  <b>e</b>
1315
1316                                         </dt>
1317                                         <dd>The event object</dd>
1318
1319                                         <dt>
1320                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
1321
1322                                         </dt>
1323                                         <dd>The id of the dragged element</dd>
1324
1325                                 </dl>
1326
1327
1328
1329
1330
1331                                 <dl class="detailList">
1332                                 <dt class="heading">Returns:</dt>
1333
1334                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
1335
1336                                 </dl>
1337
1338
1339
1340
1341
1342
1343
1344                     </div>
1345                 </div>
1346
1347             </td>
1348             <td class="msource">
1349
1350                         Roo.dd.DragSource
1351                 &nbsp;
1352             </td>
1353         </tr>
1354
1355
1356           <tr class="method-row config-row-alt0 expandable notInherited">
1357             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1358
1359
1360             <td class="sig">
1361                 <a id="Roo.dd.DragSource-method-beforeInvalidDrop"   name=".beforeInvalidDrop"></a>
1362                 <div class="fixedFont">
1363                         <span class="attributes"></span><b class="itemname">beforeInvalidDrop</b>
1364
1365                                  (<a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a> <B><i>target</i></B>, Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1366
1367
1368                                          :
1369
1370
1371                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1372
1373
1374
1375
1376
1377                 </div>
1378                 <div class="mdesc">
1379
1380                    <div class="short">An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.</div>
1381
1382
1383
1384                     <div class="long">
1385
1386                                 An empty function by default, but provided so that you can perform a custom action after an invalid<br/>drop has occurred.
1387
1388
1389
1390
1391
1392
1393                                 <dl class="detailList">
1394                                 <dt class="heading">Parameters:</dt>
1395
1396                                         <dt>
1397                                                 <span class="fixedFont"><a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a></span>  <b>target</b>
1398
1399                                         </dt>
1400                                         <dd>The drop target</dd>
1401
1402                                         <dt>
1403                                                 <span class="fixedFont">Event</span>  <b>e</b>
1404
1405                                         </dt>
1406                                         <dd>The event object</dd>
1407
1408                                         <dt>
1409                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>id</b>
1410
1411                                         </dt>
1412                                         <dd>The id of the dragged element</dd>
1413
1414                                 </dl>
1415
1416
1417
1418
1419
1420                                 <dl class="detailList">
1421                                 <dt class="heading">Returns:</dt>
1422
1423                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  isValid True if the invalid drop should proceed, else false to cancel</dd>
1424
1425                                 </dl>
1426
1427
1428
1429
1430
1431
1432
1433                     </div>
1434                 </div>
1435
1436             </td>
1437             <td class="msource">
1438
1439                         Roo.dd.DragSource
1440                 &nbsp;
1441             </td>
1442         </tr>
1443
1444
1445           <tr class="method-row config-row-alt1 expandable">
1446             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1447
1448
1449             <td class="sig">
1450                 <a id="Roo.dd.DD-method-cachePosition"   name=".cachePosition"></a>
1451                 <div class="fixedFont">
1452                         <span class="attributes"></span><b class="itemname">cachePosition</b>
1453
1454                                  (<B><i>iPageX</i></B>, <B><i>iPageY</i></B>)
1455
1456
1457
1458                 </div>
1459                 <div class="mdesc">
1460
1461                    <div class="short">Saves the most recent position so that we can reset the constraints and<br/>tick marks on-demand.</div>
1462
1463
1464
1465                     <div class="long">
1466
1467                                 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.
1468
1469
1470
1471
1472
1473
1474                                 <dl class="detailList">
1475                                 <dt class="heading">Parameters:</dt>
1476
1477                                         <dt>
1478                                                  <b>iPageX</b>
1479
1480                                         </dt>
1481                                         <dd>the current x position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1482
1483                                         <dt>
1484                                                  <b>iPageY</b>
1485
1486                                         </dt>
1487                                         <dd>the current y position (optional, this just makes it so we<br/>don't have to look it up again)</dd>
1488
1489                                 </dl>
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501                     </div>
1502                 </div>
1503
1504             </td>
1505             <td class="msource">
1506
1507                         <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
1508                 &nbsp;
1509             </td>
1510         </tr>
1511
1512
1513           <tr class="method-row config-row-alt0 expandable">
1514             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1515
1516
1517             <td class="sig">
1518                 <a id="Roo.dd.DragDrop-method-clearConstraints"   name=".clearConstraints"></a>
1519                 <div class="fixedFont">
1520                         <span class="attributes"></span><b class="itemname">clearConstraints</b>
1521
1522                                  ()
1523
1524
1525
1526                 </div>
1527                 <div class="mdesc">
1528
1529                    <div class="short">Clears any constraints applied to this instance.</div>
1530
1531
1532
1533                     <div class="long">
1534
1535                                 Clears any constraints applied to this instance.  Also clears ticks<br/>since they can't exist independent of a constraint at this time.
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552                     </div>
1553                 </div>
1554
1555             </td>
1556             <td class="msource">
1557
1558                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1559                 &nbsp;
1560             </td>
1561         </tr>
1562
1563
1564           <tr class="method-row config-row-alt1 expandable">
1565             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1566
1567
1568             <td class="sig">
1569                 <a id="Roo.dd.DragDrop-method-clearTicks"   name=".clearTicks"></a>
1570                 <div class="fixedFont">
1571                         <span class="attributes"></span><b class="itemname">clearTicks</b>
1572
1573                                  ()
1574
1575
1576
1577                 </div>
1578                 <div class="mdesc">
1579
1580                    <div class="short">Clears any tick interval defined for this instance</div>
1581
1582
1583
1584                     <div class="long">
1585
1586                                 Clears any tick interval defined for this instance
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603                     </div>
1604                 </div>
1605
1606             </td>
1607             <td class="msource">
1608
1609                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1610                 &nbsp;
1611             </td>
1612         </tr>
1613
1614
1615           <tr class="method-row config-row-alt0 expandable">
1616             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1617
1618
1619             <td class="sig">
1620                 <a id="Roo.dd.DDProxy-method-createFrame"   name=".createFrame"></a>
1621                 <div class="fixedFont">
1622                         <span class="attributes"></span><b class="itemname">createFrame</b>
1623
1624                                  ()
1625
1626
1627
1628                 </div>
1629                 <div class="mdesc">
1630
1631                    <div class="short">Creates the proxy element if it does not yet exist</div>
1632
1633
1634
1635                     <div class="long">
1636
1637                                 Creates the proxy element if it does not yet exist
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654                     </div>
1655                 </div>
1656
1657             </td>
1658             <td class="msource">
1659
1660                         <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
1661                 &nbsp;
1662             </td>
1663         </tr>
1664
1665
1666           <tr class="method-row config-row-alt1 expandable">
1667             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1668
1669
1670             <td class="sig">
1671                 <a id="Roo.dd.DragDrop-method-endDrag"   name=".endDrag"></a>
1672                 <div class="fixedFont">
1673                         <span class="attributes"></span><b class="itemname">endDrag</b>
1674
1675                                  (Event <B><i>e</i></B>)
1676
1677
1678
1679                 </div>
1680                 <div class="mdesc">
1681
1682                    <div class="short">Fired when we are done dragging the object</div>
1683
1684
1685
1686                     <div class="long">
1687
1688                                 Fired when we are done dragging the object
1689
1690
1691
1692
1693
1694
1695                                 <dl class="detailList">
1696                                 <dt class="heading">Parameters:</dt>
1697
1698                                         <dt>
1699                                                 <span class="fixedFont">Event</span>  <b>e</b>
1700
1701                                         </dt>
1702                                         <dd>the mouseup event</dd>
1703
1704                                 </dl>
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716                     </div>
1717                 </div>
1718
1719             </td>
1720             <td class="msource">
1721
1722                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1723                 &nbsp;
1724             </td>
1725         </tr>
1726
1727
1728           <tr class="method-row config-row-alt0 expandable">
1729             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1730
1731
1732             <td class="sig">
1733                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
1734                 <div class="fixedFont">
1735                         <span class="attributes"></span><b class="itemname">fireEvent</b>
1736
1737                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>)
1738
1739
1740                                          :
1741
1742
1743                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1744
1745
1746
1747
1748
1749                 </div>
1750                 <div class="mdesc">
1751
1752                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1753
1754
1755
1756                     <div class="long">
1757
1758                                 Fires the specified event with the passed parameters (minus the event name).
1759
1760
1761
1762
1763
1764
1765                                 <dl class="detailList">
1766                                 <dt class="heading">Parameters:</dt>
1767
1768                                         <dt>
1769                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1770
1771                                         </dt>
1772                                         <dd></dd>
1773
1774                                         <dt>
1775                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span>  <b>args</b>
1776
1777                                         </dt>
1778                                         <dd>Variable number of parameters are passed to handlers</dd>
1779
1780                                 </dl>
1781
1782
1783
1784
1785
1786                                 <dl class="detailList">
1787                                 <dt class="heading">Returns:</dt>
1788
1789                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  returns false if any of the handlers return false otherwise it returns true</dd>
1790
1791                                 </dl>
1792
1793
1794
1795
1796
1797
1798
1799                     </div>
1800                 </div>
1801
1802             </td>
1803             <td class="msource">
1804
1805                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1806                 &nbsp;
1807             </td>
1808         </tr>
1809
1810
1811           <tr class="method-row config-row-alt1 expandable">
1812             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1813
1814
1815             <td class="sig">
1816                 <a id="Roo.dd.DragDrop-method-function toString() {
1817     [native code]
1818 }"   name=".function toString() {
1819     [native code]
1820 }"></a>
1821                 <div class="fixedFont">
1822                         <span class="attributes"></span><b class="itemname">function toString() {
1823     [native code]
1824 }</b>
1825
1826                                  ()
1827
1828
1829                                          :
1830
1831
1832                                                 string
1833
1834
1835
1836
1837
1838                 </div>
1839                 <div class="mdesc">
1840
1841                    <div class="short">toString method</div>
1842
1843
1844
1845                     <div class="long">
1846
1847                                 toString method
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858                                 <dl class="detailList">
1859                                 <dt class="heading">Returns:</dt>
1860
1861                                         <dd><span class="fixedFont">string</span>  string representation of the dd obj</dd>
1862
1863                                 </dl>
1864
1865
1866
1867
1868
1869
1870
1871                     </div>
1872                 </div>
1873
1874             </td>
1875             <td class="msource">
1876
1877                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
1878                 &nbsp;
1879             </td>
1880         </tr>
1881
1882
1883           <tr class="method-row config-row-alt0 expandable notInherited">
1884             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1885
1886
1887             <td class="sig">
1888                 <a id="Roo.dd.DragSource-method-getDragData"   name=".getDragData"></a>
1889                 <div class="fixedFont">
1890                         <span class="attributes"></span><b class="itemname">getDragData</b>
1891
1892                                  ()
1893
1894
1895                                          :
1896
1897
1898                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1899
1900
1901
1902
1903
1904                 </div>
1905                 <div class="mdesc">
1906
1907                    <div class="short">Returns the data object associated with this drag source</div>
1908
1909
1910
1911                     <div class="long">
1912
1913                                 Returns the data object associated with this drag source
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924                                 <dl class="detailList">
1925                                 <dt class="heading">Returns:</dt>
1926
1927                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  data An object containing arbitrary data</dd>
1928
1929                                 </dl>
1930
1931
1932
1933
1934
1935
1936
1937                     </div>
1938                 </div>
1939
1940             </td>
1941             <td class="msource">
1942
1943                         Roo.dd.DragSource
1944                 &nbsp;
1945             </td>
1946         </tr>
1947
1948
1949           <tr class="method-row config-row-alt1 expandable">
1950             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1951
1952
1953             <td class="sig">
1954                 <a id="Roo.dd.DragDrop-method-getDragEl"   name=".getDragEl"></a>
1955                 <div class="fixedFont">
1956                         <span class="attributes"></span><b class="itemname">getDragEl</b>
1957
1958                                  ()
1959
1960
1961                                          :
1962
1963
1964                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1965
1966
1967
1968
1969
1970                 </div>
1971                 <div class="mdesc">
1972
1973                    <div class="short">Returns a reference to the actual element to drag.</div>
1974
1975
1976
1977                     <div class="long">
1978
1979                                 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
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990                                 <dl class="detailList">
1991                                 <dt class="heading">Returns:</dt>
1992
1993                                         <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>
1994
1995                                 </dl>
1996
1997
1998
1999
2000
2001
2002
2003                     </div>
2004                 </div>
2005
2006             </td>
2007             <td class="msource">
2008
2009                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2010                 &nbsp;
2011             </td>
2012         </tr>
2013
2014
2015           <tr class="method-row config-row-alt0 expandable">
2016             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2017
2018
2019             <td class="sig">
2020                 <a id="Roo.dd.DragDrop-method-getEl"   name=".getEl"></a>
2021                 <div class="fixedFont">
2022                         <span class="attributes"></span><b class="itemname">getEl</b>
2023
2024                                  ()
2025
2026
2027                                          :
2028
2029
2030                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
2031
2032
2033
2034
2035
2036                 </div>
2037                 <div class="mdesc">
2038
2039                    <div class="short">Returns a reference to the linked element</div>
2040
2041
2042
2043                     <div class="long">
2044
2045                                 Returns a reference to the linked element
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056                                 <dl class="detailList">
2057                                 <dt class="heading">Returns:</dt>
2058
2059                                         <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>
2060
2061                                 </dl>
2062
2063
2064
2065
2066
2067
2068
2069                     </div>
2070                 </div>
2071
2072             </td>
2073             <td class="msource">
2074
2075                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2076                 &nbsp;
2077             </td>
2078         </tr>
2079
2080
2081           <tr class="method-row config-row-alt1 expandable notInherited">
2082             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2083
2084
2085             <td class="sig">
2086                 <a id="Roo.dd.DragSource-method-getProxy"   name=".getProxy"></a>
2087                 <div class="fixedFont">
2088                         <span class="attributes"></span><b class="itemname">getProxy</b>
2089
2090                                  ()
2091
2092
2093                                          :
2094
2095
2096                                                 <a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a>
2097
2098
2099
2100
2101
2102                 </div>
2103                 <div class="mdesc">
2104
2105                    <div class="short">Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}</div>
2106
2107
2108
2109                     <div class="long">
2110
2111                                 Returns the drag source's underlying {<b>link</b> Roo.dd.StatusProxy}
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122                                 <dl class="detailList">
2123                                 <dt class="heading">Returns:</dt>
2124
2125                                         <dd><span class="fixedFont"><a href="./Roo.dd.StatusProxy.html#constructor" roo:cls="Roo.dd.StatusProxy.html#constructor">Roo.dd.StatusProxy</a></span>  proxy The StatusProxy</dd>
2126
2127                                 </dl>
2128
2129
2130
2131
2132
2133
2134
2135                     </div>
2136                 </div>
2137
2138             </td>
2139             <td class="msource">
2140
2141                         Roo.dd.DragSource
2142                 &nbsp;
2143             </td>
2144         </tr>
2145
2146
2147           <tr class="method-row config-row-alt0 expandable">
2148             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2149
2150
2151             <td class="sig">
2152                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
2153                 <div class="fixedFont">
2154                         <span class="attributes"></span><b class="itemname">hasListener</b>
2155
2156                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2157
2158
2159                                          :
2160
2161
2162                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2163
2164
2165
2166
2167
2168                 </div>
2169                 <div class="mdesc">
2170
2171                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
2172
2173
2174
2175                     <div class="long">
2176
2177                                 Checks to see if this object has any listeners for a specified event
2178
2179
2180
2181
2182
2183
2184                                 <dl class="detailList">
2185                                 <dt class="heading">Parameters:</dt>
2186
2187                                         <dt>
2188                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2189
2190                                         </dt>
2191                                         <dd>The name of the event to check for</dd>
2192
2193                                 </dl>
2194
2195
2196
2197
2198
2199                                 <dl class="detailList">
2200                                 <dt class="heading">Returns:</dt>
2201
2202                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  True if the event is being listened for, else false</dd>
2203
2204                                 </dl>
2205
2206
2207
2208
2209
2210
2211
2212                     </div>
2213                 </div>
2214
2215             </td>
2216             <td class="msource">
2217
2218                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2219                 &nbsp;
2220             </td>
2221         </tr>
2222
2223
2224           <tr class="method-row config-row-alt1 expandable notInherited">
2225             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2226
2227
2228             <td class="sig">
2229                 <a id="Roo.dd.DragSource-method-hideProxy"   name=".hideProxy"></a>
2230                 <div class="fixedFont">
2231                         <span class="attributes"></span><b class="itemname">hideProxy</b>
2232
2233                                  ()
2234
2235
2236
2237                 </div>
2238                 <div class="mdesc">
2239
2240                    <div class="short">Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}</div>
2241
2242
2243
2244                     <div class="long">
2245
2246                                 Hides the drag source's {<b>link</b> Roo.dd.StatusProxy}
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256
2257
2258
2259
2260
2261
2262
2263                     </div>
2264                 </div>
2265
2266             </td>
2267             <td class="msource">
2268
2269                         Roo.dd.DragSource
2270                 &nbsp;
2271             </td>
2272         </tr>
2273
2274
2275           <tr class="method-row config-row-alt0 expandable">
2276             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2277
2278
2279             <td class="sig">
2280                 <a id="Roo.dd.DragDrop-method-init"   name=".init"></a>
2281                 <div class="fixedFont">
2282                         <span class="attributes"></span><b class="itemname">init</b>
2283
2284                                  (<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>)
2285
2286
2287
2288                 </div>
2289                 <div class="mdesc">
2290
2291                    <div class="short">Sets up the DragDrop object.</div>
2292
2293
2294
2295                     <div class="long">
2296
2297                                 Sets up the DragDrop object.  Must be called in the constructor of any<br/>Roo.dd.DragDrop subclass
2298
2299
2300
2301
2302
2303
2304                                 <dl class="detailList">
2305                                 <dt class="heading">Parameters:</dt>
2306
2307                                         <dt>
2308                                                  <b>id</b>
2309
2310                                         </dt>
2311                                         <dd>the id of the linked element</dd>
2312
2313                                         <dt>
2314                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sGroup</b>
2315
2316                                         </dt>
2317                                         <dd>the group of related items</dd>
2318
2319                                         <dt>
2320                                                 <span class="fixedFont">object</span>  <b>config</b>
2321
2322                                         </dt>
2323                                         <dd>configuration attributes</dd>
2324
2325                                 </dl>
2326
2327
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337                     </div>
2338                 </div>
2339
2340             </td>
2341             <td class="msource">
2342
2343                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2344                 &nbsp;
2345             </td>
2346         </tr>
2347
2348
2349           <tr class="method-row config-row-alt1 expandable">
2350             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2351
2352
2353             <td class="sig">
2354                 <a id="Roo.dd.DDProxy-method-initFrame"   name=".initFrame"></a>
2355                 <div class="fixedFont">
2356                         <span class="attributes"></span><b class="itemname">initFrame</b>
2357
2358                                  ()
2359
2360
2361
2362                 </div>
2363                 <div class="mdesc">
2364
2365                    <div class="short">Initialization for the drag frame element.</div>
2366
2367
2368
2369                     <div class="long">
2370
2371                                 Initialization for the drag frame element.  Must be called in the<br/>constructor of all subclasses
2372
2373
2374
2375
2376
2377
2378
2379
2380
2381
2382
2383
2384
2385
2386
2387
2388                     </div>
2389                 </div>
2390
2391             </td>
2392             <td class="msource">
2393
2394                         <a href="./Roo.dd.DDProxy.html#constructor" roo:cls="Roo.dd.DDProxy.html#constructor">Roo.dd.DDProxy</a>
2395                 &nbsp;
2396             </td>
2397         </tr>
2398
2399
2400           <tr class="method-row config-row-alt0 expandable">
2401             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2402
2403
2404             <td class="sig">
2405                 <a id="Roo.dd.DragDrop-method-initTarget"   name=".initTarget"></a>
2406                 <div class="fixedFont">
2407                         <span class="attributes"></span><b class="itemname">initTarget</b>
2408
2409                                  (<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>)
2410
2411
2412
2413                 </div>
2414                 <div class="mdesc">
2415
2416                    <div class="short">Initializes Targeting functionality only.</div>
2417
2418
2419
2420                     <div class="long">
2421
2422                                 Initializes Targeting functionality only... the object does not<br/>get a mousedown handler.
2423
2424
2425
2426
2427
2428
2429                                 <dl class="detailList">
2430                                 <dt class="heading">Parameters:</dt>
2431
2432                                         <dt>
2433                                                  <b>id</b>
2434
2435                                         </dt>
2436                                         <dd>the id of the linked element</dd>
2437
2438                                         <dt>
2439                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>sGroup</b>
2440
2441                                         </dt>
2442                                         <dd>the group of related items</dd>
2443
2444                                         <dt>
2445                                                 <span class="fixedFont">object</span>  <b>config</b>
2446
2447                                         </dt>
2448                                         <dd>configuration attributes</dd>
2449
2450                                 </dl>
2451
2452
2453
2454
2455
2456
2457
2458
2459
2460
2461
2462                     </div>
2463                 </div>
2464
2465             </td>
2466             <td class="msource">
2467
2468                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2469                 &nbsp;
2470             </td>
2471         </tr>
2472
2473
2474           <tr class="method-row config-row-alt1 expandable">
2475             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2476
2477
2478             <td class="sig">
2479                 <a id="Roo.dd.DragDrop-method-isLocked"   name=".isLocked"></a>
2480                 <div class="fixedFont">
2481                         <span class="attributes"></span><b class="itemname">isLocked</b>
2482
2483                                  ()
2484
2485
2486                                          :
2487
2488
2489                                                 boolean
2490
2491
2492
2493
2494
2495                 </div>
2496                 <div class="mdesc">
2497
2498                    <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>
2499
2500
2501
2502                     <div class="long">
2503
2504                                 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.)
2505
2506
2507
2508
2509
2510
2511
2512
2513
2514
2515                                 <dl class="detailList">
2516                                 <dt class="heading">Returns:</dt>
2517
2518                                         <dd><span class="fixedFont">boolean</span>  true if this obj or all drag/drop is locked, else<br/>false</dd>
2519
2520                                 </dl>
2521
2522
2523
2524
2525
2526
2527
2528                     </div>
2529                 </div>
2530
2531             </td>
2532             <td class="msource">
2533
2534                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2535                 &nbsp;
2536             </td>
2537         </tr>
2538
2539
2540           <tr class="method-row config-row-alt0 expandable">
2541             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2542
2543
2544             <td class="sig">
2545                 <a id="Roo.dd.DragDrop-method-isTarget"   name=".isTarget"></a>
2546                 <div class="fixedFont">
2547                         <span class="attributes"></span><b class="itemname">isTarget</b>
2548
2549                                  ()
2550
2551
2552
2553                 </div>
2554                 <div class="mdesc">
2555
2556                    <div class="short">By default, all insances can be a drop target.</div>
2557
2558
2559
2560                     <div class="long">
2561
2562                                 By default, all insances can be a drop target.  This can be disabled by<br/>setting isTarget to false.
2563
2564
2565
2566
2567
2568
2569
2570
2571
2572
2573
2574
2575
2576
2577
2578
2579                     </div>
2580                 </div>
2581
2582             </td>
2583             <td class="msource">
2584
2585                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2586                 &nbsp;
2587             </td>
2588         </tr>
2589
2590
2591           <tr class="method-row config-row-alt1 expandable">
2592             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2593
2594
2595             <td class="sig">
2596                 <a id="Roo.dd.DragDrop-method-isValidHandleChild"   name=".isValidHandleChild"></a>
2597                 <div class="fixedFont">
2598                         <span class="attributes"></span><b class="itemname">isValidHandleChild</b>
2599
2600                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
2601
2602
2603                                          :
2604
2605
2606                                                 boolean
2607
2608
2609
2610
2611
2612                 </div>
2613                 <div class="mdesc">
2614
2615                    <div class="short">Checks the tag exclusion list to see if this click should be ignored</div>
2616
2617
2618
2619                     <div class="long">
2620
2621                                 Checks the tag exclusion list to see if this click should be ignored
2622
2623
2624
2625
2626
2627
2628                                 <dl class="detailList">
2629                                 <dt class="heading">Parameters:</dt>
2630
2631                                         <dt>
2632                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>node</b>
2633
2634                                         </dt>
2635                                         <dd>the HTMLElement to evaluate</dd>
2636
2637                                 </dl>
2638
2639
2640
2641
2642
2643                                 <dl class="detailList">
2644                                 <dt class="heading">Returns:</dt>
2645
2646                                         <dd><span class="fixedFont">boolean</span>  true if this is a valid tag type, false if not</dd>
2647
2648                                 </dl>
2649
2650
2651
2652
2653
2654
2655
2656                     </div>
2657                 </div>
2658
2659             </td>
2660             <td class="msource">
2661
2662                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2663                 &nbsp;
2664             </td>
2665         </tr>
2666
2667
2668           <tr class="method-row config-row-alt0 expandable">
2669             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2670
2671
2672             <td class="sig">
2673                 <a id="Roo.dd.DragDrop-method-lock"   name=".lock"></a>
2674                 <div class="fixedFont">
2675                         <span class="attributes"></span><b class="itemname">lock</b>
2676
2677                                  ()
2678
2679
2680
2681                 </div>
2682                 <div class="mdesc">
2683
2684                    <div class="short">Lock this instance</div>
2685
2686
2687
2688                     <div class="long">
2689
2690                                 Lock this instance
2691
2692
2693
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707                     </div>
2708                 </div>
2709
2710             </td>
2711             <td class="msource">
2712
2713                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2714                 &nbsp;
2715             </td>
2716         </tr>
2717
2718
2719           <tr class="method-row config-row-alt1 expandable">
2720             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2721
2722
2723             <td class="sig">
2724                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
2725                 <div class="fixedFont">
2726                         <span class="attributes"></span><b class="itemname">on</b>
2727
2728                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
2729
2730
2731
2732                 </div>
2733                 <div class="mdesc">
2734
2735                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2736
2737
2738
2739                     <div class="long">
2740
2741                                 Appends an event handler to this element (shorthand for addListener)
2742
2743
2744
2745
2746
2747
2748                                 <dl class="detailList">
2749                                 <dt class="heading">Parameters:</dt>
2750
2751                                         <dt>
2752                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2753
2754                                         </dt>
2755                                         <dd>The type of event to listen for</dd>
2756
2757                                         <dt>
2758                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2759
2760                                         </dt>
2761                                         <dd>The method the event invokes</dd>
2762
2763                                         <dt>
2764                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
2765
2766                                         </dt>
2767                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2768
2769                                         <dt>
2770                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>options</b>
2771
2772                                         </dt>
2773                                         <dd>(optional)</dd>
2774
2775                                 </dl>
2776
2777
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787                     </div>
2788                 </div>
2789
2790             </td>
2791             <td class="msource">
2792
2793                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2794                 &nbsp;
2795             </td>
2796         </tr>
2797
2798
2799           <tr class="method-row config-row-alt0 expandable">
2800             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2801
2802
2803             <td class="sig">
2804                 <a id="Roo.dd.DragDrop-method-onAvailable"   name=".onAvailable"></a>
2805                 <div class="fixedFont">
2806                         <span class="attributes"></span><b class="itemname">onAvailable</b>
2807
2808                                  ()
2809
2810
2811
2812                 </div>
2813                 <div class="mdesc">
2814
2815                    <div class="short">Override the onAvailable method to do what is needed after the initial<br/>position was determined.</div>
2816
2817
2818
2819                     <div class="long">
2820
2821                                 Override the onAvailable method to do what is needed after the initial<br/>position was determined.
2822
2823
2824
2825
2826
2827
2828
2829
2830
2831
2832
2833
2834
2835
2836
2837
2838                     </div>
2839                 </div>
2840
2841             </td>
2842             <td class="msource">
2843
2844                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2845                 &nbsp;
2846             </td>
2847         </tr>
2848
2849
2850           <tr class="method-row config-row-alt1 expandable notInherited">
2851             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2852
2853
2854             <td class="sig">
2855                 <a id="Roo.dd.DragSource-method-onBeforeDrag"   name=".onBeforeDrag"></a>
2856                 <div class="fixedFont">
2857                         <span class="attributes"></span><b class="itemname">onBeforeDrag</b>
2858
2859                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>, Event <B><i>e</i></B>)
2860
2861
2862                                          :
2863
2864
2865                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2866
2867
2868
2869
2870
2871                 </div>
2872                 <div class="mdesc">
2873
2874                    <div class="short">An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.</div>
2875
2876
2877
2878                     <div class="long">
2879
2880                                 An empty function by default, but provided so that you can perform a custom action before the initial<br/>drag event begins and optionally cancel it.
2881
2882
2883
2884
2885
2886
2887                                 <dl class="detailList">
2888                                 <dt class="heading">Parameters:</dt>
2889
2890                                         <dt>
2891                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>data</b>
2892
2893                                         </dt>
2894                                         <dd>An object containing arbitrary data to be shared with drop targets</dd>
2895
2896                                         <dt>
2897                                                 <span class="fixedFont">Event</span>  <b>e</b>
2898
2899                                         </dt>
2900                                         <dd>The event object</dd>
2901
2902                                 </dl>
2903
2904
2905
2906
2907
2908                                 <dl class="detailList">
2909                                 <dt class="heading">Returns:</dt>
2910
2911                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  isValid True if the drag event is valid, else false to cancel</dd>
2912
2913                                 </dl>
2914
2915
2916
2917
2918
2919
2920
2921                     </div>
2922                 </div>
2923
2924             </td>
2925             <td class="msource">
2926
2927                         Roo.dd.DragSource
2928                 &nbsp;
2929             </td>
2930         </tr>
2931
2932
2933           <tr class="method-row config-row-alt0 expandable">
2934             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2935
2936
2937             <td class="sig">
2938                 <a id="Roo.dd.DragDrop-method-onDrag"   name=".onDrag"></a>
2939                 <div class="fixedFont">
2940                         <span class="attributes"></span><b class="itemname">onDrag</b>
2941
2942                                  (Event <B><i>e</i></B>)
2943
2944
2945
2946                 </div>
2947                 <div class="mdesc">
2948
2949                    <div class="short">Abstract method called during the onMouseMove event while dragging an<br/>object.</div>
2950
2951
2952
2953                     <div class="long">
2954
2955                                 Abstract method called during the onMouseMove event while dragging an<br/>object.
2956
2957
2958
2959
2960
2961
2962                                 <dl class="detailList">
2963                                 <dt class="heading">Parameters:</dt>
2964
2965                                         <dt>
2966                                                 <span class="fixedFont">Event</span>  <b>e</b>
2967
2968                                         </dt>
2969                                         <dd>the mousemove event</dd>
2970
2971                                 </dl>
2972
2973
2974
2975
2976
2977
2978
2979
2980
2981
2982
2983                     </div>
2984                 </div>
2985
2986             </td>
2987             <td class="msource">
2988
2989                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
2990                 &nbsp;
2991             </td>
2992         </tr>
2993
2994
2995           <tr class="method-row config-row-alt1 expandable">
2996             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2997
2998
2999             <td class="sig">
3000                 <a id="Roo.dd.DragDrop-method-onDragDrop"   name=".onDragDrop"></a>
3001                 <div class="fixedFont">
3002                         <span class="attributes"></span><b class="itemname">onDragDrop</b>
3003
3004                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3005
3006
3007
3008                 </div>
3009                 <div class="mdesc">
3010
3011                    <div class="short">Abstract method called when this item is dropped on another DragDrop<br/>obj</div>
3012
3013
3014
3015                     <div class="long">
3016
3017                                 Abstract method called when this item is dropped on another DragDrop<br/>obj
3018
3019
3020
3021
3022
3023
3024                                 <dl class="detailList">
3025                                 <dt class="heading">Parameters:</dt>
3026
3027                                         <dt>
3028                                                 <span class="fixedFont">Event</span>  <b>e</b>
3029
3030                                         </dt>
3031                                         <dd>the mouseup event</dd>
3032
3033                                         <dt>
3034                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
3035
3036                                         </dt>
3037                                         <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>
3038
3039                                 </dl>
3040
3041
3042
3043
3044
3045
3046
3047
3048
3049
3050
3051                     </div>
3052                 </div>
3053
3054             </td>
3055             <td class="msource">
3056
3057                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3058                 &nbsp;
3059             </td>
3060         </tr>
3061
3062
3063           <tr class="method-row config-row-alt0 expandable">
3064             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3065
3066
3067             <td class="sig">
3068                 <a id="Roo.dd.DragDrop-method-onDragEnter"   name=".onDragEnter"></a>
3069                 <div class="fixedFont">
3070                         <span class="attributes"></span><b class="itemname">onDragEnter</b>
3071
3072                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3073
3074
3075
3076                 </div>
3077                 <div class="mdesc">
3078
3079                    <div class="short">Abstract method called when this element fist begins hovering over<br/>another DragDrop obj</div>
3080
3081
3082
3083                     <div class="long">
3084
3085                                 Abstract method called when this element fist begins hovering over<br/>another DragDrop obj
3086
3087
3088
3089
3090
3091
3092                                 <dl class="detailList">
3093                                 <dt class="heading">Parameters:</dt>
3094
3095                                         <dt>
3096                                                 <span class="fixedFont">Event</span>  <b>e</b>
3097
3098                                         </dt>
3099                                         <dd>the mousemove event</dd>
3100
3101                                         <dt>
3102                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
3103
3104                                         </dt>
3105                                         <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>
3106
3107                                 </dl>
3108
3109
3110
3111
3112
3113
3114
3115
3116
3117
3118
3119                     </div>
3120                 </div>
3121
3122             </td>
3123             <td class="msource">
3124
3125                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3126                 &nbsp;
3127             </td>
3128         </tr>
3129
3130
3131           <tr class="method-row config-row-alt1 expandable">
3132             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3133
3134
3135             <td class="sig">
3136                 <a id="Roo.dd.DragDrop-method-onDragOut"   name=".onDragOut"></a>
3137                 <div class="fixedFont">
3138                         <span class="attributes"></span><b class="itemname">onDragOut</b>
3139
3140                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3141
3142
3143
3144                 </div>
3145                 <div class="mdesc">
3146
3147                    <div class="short">Abstract method called when we are no longer hovering over an element</div>
3148
3149
3150
3151                     <div class="long">
3152
3153                                 Abstract method called when we are no longer hovering over an element
3154
3155
3156
3157
3158
3159
3160                                 <dl class="detailList">
3161                                 <dt class="heading">Parameters:</dt>
3162
3163                                         <dt>
3164                                                 <span class="fixedFont">Event</span>  <b>e</b>
3165
3166                                         </dt>
3167                                         <dd>the mousemove event</dd>
3168
3169                                         <dt>
3170                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
3171
3172                                         </dt>
3173                                         <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>
3174
3175                                 </dl>
3176
3177
3178
3179
3180
3181
3182
3183
3184
3185
3186
3187                     </div>
3188                 </div>
3189
3190             </td>
3191             <td class="msource">
3192
3193                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3194                 &nbsp;
3195             </td>
3196         </tr>
3197
3198
3199           <tr class="method-row config-row-alt0 expandable">
3200             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3201
3202
3203             <td class="sig">
3204                 <a id="Roo.dd.DragDrop-method-onDragOver"   name=".onDragOver"></a>
3205                 <div class="fixedFont">
3206                         <span class="attributes"></span><b class="itemname">onDragOver</b>
3207
3208                                  (Event <B><i>e</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[] <B><i>id</i></B>)
3209
3210
3211
3212                 </div>
3213                 <div class="mdesc">
3214
3215                    <div class="short">Abstract method called when this element is hovering over another<br/>DragDrop obj</div>
3216
3217
3218
3219                     <div class="long">
3220
3221                                 Abstract method called when this element is hovering over another<br/>DragDrop obj
3222
3223
3224
3225
3226
3227
3228                                 <dl class="detailList">
3229                                 <dt class="heading">Parameters:</dt>
3230
3231                                         <dt>
3232                                                 <span class="fixedFont">Event</span>  <b>e</b>
3233
3234                                         </dt>
3235                                         <dd>the mousemove event</dd>
3236
3237                                         <dt>
3238                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|DragDrop[]</span>  <b>id</b>
3239
3240                                         </dt>
3241                                         <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>
3242
3243                                 </dl>
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255                     </div>
3256                 </div>
3257
3258             </td>
3259             <td class="msource">
3260
3261                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3262                 &nbsp;
3263             </td>
3264         </tr>
3265
3266
3267           <tr class="method-row config-row-alt1 expandable">
3268             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3269
3270
3271             <td class="sig">
3272                 <a id="Roo.dd.DragDrop-method-onInvalidDrop"   name=".onInvalidDrop"></a>
3273                 <div class="fixedFont">
3274                         <span class="attributes"></span><b class="itemname">onInvalidDrop</b>
3275
3276                                  (Event <B><i>e</i></B>)
3277
3278
3279
3280                 </div>
3281                 <div class="mdesc">
3282
3283                    <div class="short">Abstract method called when this item is dropped on an area with no<br/>drop target</div>
3284
3285
3286
3287                     <div class="long">
3288
3289                                 Abstract method called when this item is dropped on an area with no<br/>drop target
3290
3291
3292
3293
3294
3295
3296                                 <dl class="detailList">
3297                                 <dt class="heading">Parameters:</dt>
3298
3299                                         <dt>
3300                                                 <span class="fixedFont">Event</span>  <b>e</b>
3301
3302                                         </dt>
3303                                         <dd>the mouseup event</dd>
3304
3305                                 </dl>
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317                     </div>
3318                 </div>
3319
3320             </td>
3321             <td class="msource">
3322
3323                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3324                 &nbsp;
3325             </td>
3326         </tr>
3327
3328
3329           <tr class="method-row config-row-alt0 expandable">
3330             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3331
3332
3333             <td class="sig">
3334                 <a id="Roo.dd.DragDrop-method-onMouseDown"   name=".onMouseDown"></a>
3335                 <div class="fixedFont">
3336                         <span class="attributes"></span><b class="itemname">onMouseDown</b>
3337
3338                                  (Event <B><i>e</i></B>)
3339
3340
3341
3342                 </div>
3343                 <div class="mdesc">
3344
3345                    <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div>
3346
3347
3348
3349                     <div class="long">
3350
3351                                 Event handler that fires when a drag/drop obj gets a mousedown
3352
3353
3354
3355
3356
3357
3358                                 <dl class="detailList">
3359                                 <dt class="heading">Parameters:</dt>
3360
3361                                         <dt>
3362                                                 <span class="fixedFont">Event</span>  <b>e</b>
3363
3364                                         </dt>
3365                                         <dd>the mousedown event</dd>
3366
3367                                 </dl>
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379                     </div>
3380                 </div>
3381
3382             </td>
3383             <td class="msource">
3384
3385                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3386                 &nbsp;
3387             </td>
3388         </tr>
3389
3390
3391           <tr class="method-row config-row-alt1 expandable">
3392             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3393
3394
3395             <td class="sig">
3396                 <a id="Roo.dd.DragDrop-method-onMouseUp"   name=".onMouseUp"></a>
3397                 <div class="fixedFont">
3398                         <span class="attributes"></span><b class="itemname">onMouseUp</b>
3399
3400                                  (Event <B><i>e</i></B>)
3401
3402
3403
3404                 </div>
3405                 <div class="mdesc">
3406
3407                    <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div>
3408
3409
3410
3411                     <div class="long">
3412
3413                                 Event handler that fires when a drag/drop obj gets a mouseup
3414
3415
3416
3417
3418
3419
3420                                 <dl class="detailList">
3421                                 <dt class="heading">Parameters:</dt>
3422
3423                                         <dt>
3424                                                 <span class="fixedFont">Event</span>  <b>e</b>
3425
3426                                         </dt>
3427                                         <dd>the mouseup event</dd>
3428
3429                                 </dl>
3430
3431
3432
3433
3434
3435
3436
3437
3438
3439
3440
3441                     </div>
3442                 </div>
3443
3444             </td>
3445             <td class="msource">
3446
3447                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3448                 &nbsp;
3449             </td>
3450         </tr>
3451
3452
3453           <tr class="method-row config-row-alt0 expandable notInherited">
3454             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3455
3456
3457             <td class="sig">
3458                 <a id="Roo.dd.DragSource-method-onStartDrag"   name=".onStartDrag"></a>
3459                 <div class="fixedFont">
3460                         <span class="attributes"></span><b class="itemname">onStartDrag</b>
3461
3462                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
3463
3464
3465
3466                 </div>
3467                 <div class="mdesc">
3468
3469                    <div class="short">An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.</div>
3470
3471
3472
3473                     <div class="long">
3474
3475                                 An empty function by default, but provided so that you can perform a custom action once the initial<br/>drag event has begun.  The drag cannot be canceled from this function.
3476
3477
3478
3479
3480
3481
3482                                 <dl class="detailList">
3483                                 <dt class="heading">Parameters:</dt>
3484
3485                                         <dt>
3486                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
3487
3488                                         </dt>
3489                                         <dd>The x position of the click on the dragged object</dd>
3490
3491                                         <dt>
3492                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
3493
3494                                         </dt>
3495                                         <dd>The y position of the click on the dragged object</dd>
3496
3497                                 </dl>
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508
3509                     </div>
3510                 </div>
3511
3512             </td>
3513             <td class="msource">
3514
3515                         Roo.dd.DragSource
3516                 &nbsp;
3517             </td>
3518         </tr>
3519
3520
3521           <tr class="method-row config-row-alt1 expandable">
3522             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3523
3524
3525             <td class="sig">
3526                 <a id="Roo.dd.DragDrop-method-padding"   name=".padding"></a>
3527                 <div class="fixedFont">
3528                         <span class="attributes"></span><b class="itemname">padding</b>
3529
3530                                  ()
3531
3532
3533
3534                 </div>
3535                 <div class="mdesc">
3536
3537                    <div class="short">The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.</div>
3538
3539
3540
3541                     <div class="long">
3542
3543                                 The padding configured for this drag and drop object for calculating<br/>the drop zone intersection with this object.
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553
3554
3555
3556
3557
3558
3559
3560                     </div>
3561                 </div>
3562
3563             </td>
3564             <td class="msource">
3565
3566                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3567                 &nbsp;
3568             </td>
3569         </tr>
3570
3571
3572           <tr class="method-row config-row-alt0 expandable">
3573             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3574
3575
3576             <td class="sig">
3577                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
3578                 <div class="fixedFont">
3579                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
3580
3581                                  ()
3582
3583
3584
3585                 </div>
3586                 <div class="mdesc">
3587
3588                    <div class="short">Removes all listeners for this object</div>
3589
3590
3591
3592                     <div class="long">
3593
3594                                 Removes all listeners for this object
3595
3596
3597
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609
3610
3611                     </div>
3612                 </div>
3613
3614             </td>
3615             <td class="msource">
3616
3617                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3618                 &nbsp;
3619             </td>
3620         </tr>
3621
3622
3623           <tr class="method-row config-row-alt1 expandable">
3624             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3625
3626
3627             <td class="sig">
3628                 <a id="Roo.dd.DragDrop-method-removeFromGroup"   name=".removeFromGroup"></a>
3629                 <div class="fixedFont">
3630                         <span class="attributes"></span><b class="itemname">removeFromGroup</b>
3631
3632                                  (string <B><i>sGroup</i></B>)
3633
3634
3635
3636                 </div>
3637                 <div class="mdesc">
3638
3639                    <div class="short">Remove's this instance from the supplied interaction group</div>
3640
3641
3642
3643                     <div class="long">
3644
3645                                 Remove's this instance from the supplied interaction group
3646
3647
3648
3649
3650
3651
3652                                 <dl class="detailList">
3653                                 <dt class="heading">Parameters:</dt>
3654
3655                                         <dt>
3656                                                 <span class="fixedFont">string</span>  <b>sGroup</b>
3657
3658                                         </dt>
3659                                         <dd>The group to drop</dd>
3660
3661                                 </dl>
3662
3663
3664
3665
3666
3667
3668
3669
3670
3671
3672
3673                     </div>
3674                 </div>
3675
3676             </td>
3677             <td class="msource">
3678
3679                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3680                 &nbsp;
3681             </td>
3682         </tr>
3683
3684
3685           <tr class="method-row config-row-alt0 expandable">
3686             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3687
3688
3689             <td class="sig">
3690                 <a id="Roo.dd.DragDrop-method-removeInvalidHandleClass"   name=".removeInvalidHandleClass"></a>
3691                 <div class="fixedFont">
3692                         <span class="attributes"></span><b class="itemname">removeInvalidHandleClass</b>
3693
3694                                  (string <B><i>cssClass</i></B>)
3695
3696
3697
3698                 </div>
3699                 <div class="mdesc">
3700
3701                    <div class="short">Unsets an invalid css class</div>
3702
3703
3704
3705                     <div class="long">
3706
3707                                 Unsets an invalid css class
3708
3709
3710
3711
3712
3713
3714                                 <dl class="detailList">
3715                                 <dt class="heading">Parameters:</dt>
3716
3717                                         <dt>
3718                                                 <span class="fixedFont">string</span>  <b>cssClass</b>
3719
3720                                         </dt>
3721                                         <dd>the class of the element(s) you wish to<br/>re-enable</dd>
3722
3723                                 </dl>
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733
3734
3735                     </div>
3736                 </div>
3737
3738             </td>
3739             <td class="msource">
3740
3741                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3742                 &nbsp;
3743             </td>
3744         </tr>
3745
3746
3747           <tr class="method-row config-row-alt1 expandable">
3748             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3749
3750
3751             <td class="sig">
3752                 <a id="Roo.dd.DragDrop-method-removeInvalidHandleId"   name=".removeInvalidHandleId"></a>
3753                 <div class="fixedFont">
3754                         <span class="attributes"></span><b class="itemname">removeInvalidHandleId</b>
3755
3756                                  (string <B><i>id</i></B>)
3757
3758
3759
3760                 </div>
3761                 <div class="mdesc">
3762
3763                    <div class="short">Unsets an invalid handle id</div>
3764
3765
3766
3767                     <div class="long">
3768
3769                                 Unsets an invalid handle id
3770
3771
3772
3773
3774
3775
3776                                 <dl class="detailList">
3777                                 <dt class="heading">Parameters:</dt>
3778
3779                                         <dt>
3780                                                 <span class="fixedFont">string</span>  <b>id</b>
3781
3782                                         </dt>
3783                                         <dd>the id of the element to re-enable</dd>
3784
3785                                 </dl>
3786
3787
3788
3789
3790
3791
3792
3793
3794
3795
3796
3797                     </div>
3798                 </div>
3799
3800             </td>
3801             <td class="msource">
3802
3803                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3804                 &nbsp;
3805             </td>
3806         </tr>
3807
3808
3809           <tr class="method-row config-row-alt0 expandable">
3810             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3811
3812
3813             <td class="sig">
3814                 <a id="Roo.dd.DragDrop-method-removeInvalidHandleType"   name=".removeInvalidHandleType"></a>
3815                 <div class="fixedFont">
3816                         <span class="attributes"></span><b class="itemname">removeInvalidHandleType</b>
3817
3818                                  (string <B><i>tagName</i></B>)
3819
3820
3821
3822                 </div>
3823                 <div class="mdesc">
3824
3825                    <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div>
3826
3827
3828
3829                     <div class="long">
3830
3831                                 Unsets an excluded tag name set by addInvalidHandleType
3832
3833
3834
3835
3836
3837
3838                                 <dl class="detailList">
3839                                 <dt class="heading">Parameters:</dt>
3840
3841                                         <dt>
3842                                                 <span class="fixedFont">string</span>  <b>tagName</b>
3843
3844                                         </dt>
3845                                         <dd>the type of element to unexclude</dd>
3846
3847                                 </dl>
3848
3849
3850
3851
3852
3853
3854
3855
3856
3857
3858
3859                     </div>
3860                 </div>
3861
3862             </td>
3863             <td class="msource">
3864
3865                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
3866                 &nbsp;
3867             </td>
3868         </tr>
3869
3870
3871           <tr class="method-row config-row-alt1 expandable">
3872             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3873
3874
3875             <td class="sig">
3876                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
3877                 <div class="fixedFont">
3878                         <span class="attributes"></span><b class="itemname">removeListener</b>
3879
3880                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
3881
3882
3883
3884                 </div>
3885                 <div class="mdesc">
3886
3887                    <div class="short">Removes a listener</div>
3888
3889
3890
3891                     <div class="long">
3892
3893                                 Removes a listener
3894
3895
3896
3897
3898
3899
3900                                 <dl class="detailList">
3901                                 <dt class="heading">Parameters:</dt>
3902
3903                                         <dt>
3904                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3905
3906                                         </dt>
3907                                         <dd>The type of event to listen for</dd>
3908
3909                                         <dt>
3910                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
3911
3912                                         </dt>
3913                                         <dd>The handler to remove</dd>
3914
3915                                         <dt>
3916                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
3917
3918                                         </dt>
3919                                         <dd>(optional) The scope (this object) for the handler</dd>
3920
3921                                 </dl>
3922
3923
3924
3925
3926
3927
3928
3929
3930
3931
3932
3933                     </div>
3934                 </div>
3935
3936             </td>
3937             <td class="msource">
3938
3939                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3940                 &nbsp;
3941             </td>
3942         </tr>
3943
3944
3945           <tr class="method-row config-row-alt0 expandable">
3946             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3947
3948
3949             <td class="sig">
3950                 <a id="Roo.dd.DragDrop-method-resetConstraints"   name=".resetConstraints"></a>
3951                 <div class="fixedFont">
3952                         <span class="attributes"></span><b class="itemname">resetConstraints</b>
3953
3954                                  (boolean <B><i>maintainOffset</i></B>)
3955
3956
3957
3958                 </div>
3959                 <div class="mdesc">
3960
3961                    <div class="short">resetConstraints must be called if you manually reposition a dd element.</div>
3962
3963
3964
3965                     <div class="long">
3966
3967                                 resetConstraints must be called if you manually reposition a dd element.
3968
3969
3970
3971
3972
3973
3974                                 <dl class="detailList">
3975                                 <dt class="heading">Parameters:</dt>
3976
3977                                         <dt>
3978                                                 <span class="fixedFont">boolean</span>  <b>maintainOffset</b>
3979
3980                                         </dt>
3981                                         <dd></dd>
3982
3983                                 </dl>
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994
3995                     </div>
3996                 </div>
3997
3998             </td>
3999             <td class="msource">
4000
4001                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4002                 &nbsp;
4003             </td>
4004         </tr>
4005
4006
4007           <tr class="method-row config-row-alt1 expandable">
4008             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4009
4010
4011             <td class="sig">
4012                 <a id="Roo.dd.DD-method-setDelta"   name=".setDelta"></a>
4013                 <div class="fixedFont">
4014                         <span class="attributes"></span><b class="itemname">setDelta</b>
4015
4016                                  (int <B><i>iDeltaX</i></B>, int <B><i>iDeltaY</i></B>)
4017
4018
4019
4020                 </div>
4021                 <div class="mdesc">
4022
4023                    <div class="short">Sets the pointer offset.</div>
4024
4025
4026
4027                     <div class="long">
4028
4029                                 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)
4030
4031
4032
4033
4034
4035
4036                                 <dl class="detailList">
4037                                 <dt class="heading">Parameters:</dt>
4038
4039                                         <dt>
4040                                                 <span class="fixedFont">int</span>  <b>iDeltaX</b>
4041
4042                                         </dt>
4043                                         <dd>the distance from the left</dd>
4044
4045                                         <dt>
4046                                                 <span class="fixedFont">int</span>  <b>iDeltaY</b>
4047
4048                                         </dt>
4049                                         <dd>the distance from the top</dd>
4050
4051                                 </dl>
4052
4053
4054
4055
4056
4057
4058
4059
4060
4061
4062
4063                     </div>
4064                 </div>
4065
4066             </td>
4067             <td class="msource">
4068
4069                         <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4070                 &nbsp;
4071             </td>
4072         </tr>
4073
4074
4075           <tr class="method-row config-row-alt0 expandable">
4076             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4077
4078
4079             <td class="sig">
4080                 <a id="Roo.dd.DragDrop-method-setDragElId"   name=".setDragElId"></a>
4081                 <div class="fixedFont">
4082                         <span class="attributes"></span><b class="itemname">setDragElId</b>
4083
4084                                  (<B><i>id</i></B>)
4085
4086
4087
4088                 </div>
4089                 <div class="mdesc">
4090
4091                    <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>
4092
4093
4094
4095                     <div class="long">
4096
4097                                 Allows you to specify that an element other than the linked element<br/>will be moved with the cursor during a drag
4098
4099
4100
4101
4102
4103
4104                                 <dl class="detailList">
4105                                 <dt class="heading">Parameters:</dt>
4106
4107                                         <dt>
4108                                                  <b>id</b>
4109
4110                                         </dt>
4111                                         <dd>{string} the id of the element that will be used to initiate the drag</dd>
4112
4113                                 </dl>
4114
4115
4116
4117
4118
4119
4120
4121
4122
4123
4124
4125                     </div>
4126                 </div>
4127
4128             </td>
4129             <td class="msource">
4130
4131                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4132                 &nbsp;
4133             </td>
4134         </tr>
4135
4136
4137           <tr class="method-row config-row-alt1 expandable">
4138             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4139
4140
4141             <td class="sig">
4142                 <a id="Roo.dd.DD-method-setDragElPos"   name=".setDragElPos"></a>
4143                 <div class="fixedFont">
4144                         <span class="attributes"></span><b class="itemname">setDragElPos</b>
4145
4146                                  (int <B><i>iPageX</i></B>, int <B><i>iPageY</i></B>)
4147
4148
4149
4150                 </div>
4151                 <div class="mdesc">
4152
4153                    <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>
4154
4155
4156
4157                     <div class="long">
4158
4159                                 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.
4160
4161
4162
4163
4164
4165
4166                                 <dl class="detailList">
4167                                 <dt class="heading">Parameters:</dt>
4168
4169                                         <dt>
4170                                                 <span class="fixedFont">int</span>  <b>iPageX</b>
4171
4172                                         </dt>
4173                                         <dd>the X coordinate of the mousedown or drag event</dd>
4174
4175                                         <dt>
4176                                                 <span class="fixedFont">int</span>  <b>iPageY</b>
4177
4178                                         </dt>
4179                                         <dd>the Y coordinate of the mousedown or drag event</dd>
4180
4181                                 </dl>
4182
4183
4184
4185
4186
4187
4188
4189
4190
4191
4192
4193                     </div>
4194                 </div>
4195
4196             </td>
4197             <td class="msource">
4198
4199                         <a href="./Roo.dd.DD.html#constructor" roo:cls="Roo.dd.DD.html#constructor">Roo.dd.DD</a>
4200                 &nbsp;
4201             </td>
4202         </tr>
4203
4204
4205           <tr class="method-row config-row-alt0 expandable">
4206             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4207
4208
4209             <td class="sig">
4210                 <a id="Roo.dd.DragDrop-method-setHandleElId"   name=".setHandleElId"></a>
4211                 <div class="fixedFont">
4212                         <span class="attributes"></span><b class="itemname">setHandleElId</b>
4213
4214                                  (<B><i>id</i></B>)
4215
4216
4217
4218                 </div>
4219                 <div class="mdesc">
4220
4221                    <div class="short">Allows you to specify a child of the linked element that should be<br/>used to initiate the drag operation.</div>
4222
4223
4224
4225                     <div class="long">
4226
4227                                 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.
4228
4229
4230
4231
4232
4233
4234                                 <dl class="detailList">
4235                                 <dt class="heading">Parameters:</dt>
4236
4237                                         <dt>
4238                                                  <b>id</b>
4239
4240                                         </dt>
4241                                         <dd>{string} the id of the element that will be used to<br/>initiate the drag.</dd>
4242
4243                                 </dl>
4244
4245
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255                     </div>
4256                 </div>
4257
4258             </td>
4259             <td class="msource">
4260
4261                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4262                 &nbsp;
4263             </td>
4264         </tr>
4265
4266
4267           <tr class="method-row config-row-alt1 expandable">
4268             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4269
4270
4271             <td class="sig">
4272                 <a id="Roo.dd.DragDrop-method-setInitPosition"   name=".setInitPosition"></a>
4273                 <div class="fixedFont">
4274                         <span class="attributes"></span><b class="itemname">setInitPosition</b>
4275
4276                                  (int <B><i>diffX</i></B>, int <B><i>diffY</i></B>)
4277
4278
4279
4280                 </div>
4281                 <div class="mdesc">
4282
4283                    <div class="short">Stores the initial placement of the linked element.</div>
4284
4285
4286
4287                     <div class="long">
4288
4289                                 Stores the initial placement of the linked element.
4290
4291
4292
4293
4294
4295
4296                                 <dl class="detailList">
4297                                 <dt class="heading">Parameters:</dt>
4298
4299                                         <dt>
4300                                                 <span class="fixedFont">int</span>  <b>diffX</b>
4301
4302                                         </dt>
4303                                         <dd>the X offset, default 0</dd>
4304
4305                                         <dt>
4306                                                 <span class="fixedFont">int</span>  <b>diffY</b>
4307
4308                                         </dt>
4309                                         <dd>the Y offset, default 0</dd>
4310
4311                                 </dl>
4312
4313
4314
4315
4316
4317
4318
4319
4320
4321
4322
4323                     </div>
4324                 </div>
4325
4326             </td>
4327             <td class="msource">
4328
4329                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4330                 &nbsp;
4331             </td>
4332         </tr>
4333
4334
4335           <tr class="method-row config-row-alt0 expandable">
4336             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4337
4338
4339             <td class="sig">
4340                 <a id="Roo.dd.DragDrop-method-setOuterHandleElId"   name=".setOuterHandleElId"></a>
4341                 <div class="fixedFont">
4342                         <span class="attributes"></span><b class="itemname">setOuterHandleElId</b>
4343
4344                                  (<B><i>id</i></B>)
4345
4346
4347
4348                 </div>
4349                 <div class="mdesc">
4350
4351                    <div class="short">Allows you to set an element outside of the linked element as a drag<br/>handle</div>
4352
4353
4354
4355                     <div class="long">
4356
4357                                 Allows you to set an element outside of the linked element as a drag<br/>handle
4358
4359
4360
4361
4362
4363
4364                                 <dl class="detailList">
4365                                 <dt class="heading">Parameters:</dt>
4366
4367                                         <dt>
4368                                                  <b>id</b>
4369
4370                                         </dt>
4371                                         <dd>the id of the element that will be used to initiate the drag</dd>
4372
4373                                 </dl>
4374
4375
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385                     </div>
4386                 </div>
4387
4388             </td>
4389             <td class="msource">
4390
4391                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4392                 &nbsp;
4393             </td>
4394         </tr>
4395
4396
4397           <tr class="method-row config-row-alt1 expandable">
4398             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4399
4400
4401             <td class="sig">
4402                 <a id="Roo.dd.DragDrop-method-setPadding"   name=".setPadding"></a>
4403                 <div class="fixedFont">
4404                         <span class="attributes"></span><b class="itemname">setPadding</b>
4405
4406                                  (int <B><i>iTop</i></B>, int <B><i>iRight</i></B>, int <B><i>iBot</i></B>, int <B><i>iLeft</i></B>)
4407
4408
4409
4410                 </div>
4411                 <div class="mdesc">
4412
4413                    <div class="short">Configures the padding for the target zone in px.</div>
4414
4415
4416
4417                     <div class="long">
4418
4419                                 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.
4420
4421
4422
4423
4424
4425
4426                                 <dl class="detailList">
4427                                 <dt class="heading">Parameters:</dt>
4428
4429                                         <dt>
4430                                                 <span class="fixedFont">int</span>  <b>iTop</b>
4431
4432                                         </dt>
4433                                         <dd>Top pad</dd>
4434
4435                                         <dt>
4436                                                 <span class="fixedFont">int</span>  <b>iRight</b>
4437
4438                                         </dt>
4439                                         <dd>Right pad</dd>
4440
4441                                         <dt>
4442                                                 <span class="fixedFont">int</span>  <b>iBot</b>
4443
4444                                         </dt>
4445                                         <dd>Bot pad</dd>
4446
4447                                         <dt>
4448                                                 <span class="fixedFont">int</span>  <b>iLeft</b>
4449
4450                                         </dt>
4451                                         <dd>Left pad</dd>
4452
4453                                 </dl>
4454
4455
4456
4457
4458
4459
4460
4461
4462
4463
4464
4465                     </div>
4466                 </div>
4467
4468             </td>
4469             <td class="msource">
4470
4471                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4472                 &nbsp;
4473             </td>
4474         </tr>
4475
4476
4477           <tr class="method-row config-row-alt0 expandable">
4478             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4479
4480
4481             <td class="sig">
4482                 <a id="Roo.dd.DragDrop-method-setXConstraint"   name=".setXConstraint"></a>
4483                 <div class="fixedFont">
4484                         <span class="attributes"></span><b class="itemname">setXConstraint</b>
4485
4486                                  (int <B><i>iLeft</i></B>, int <B><i>iRight</i></B>, int <B><i>iTickSize</i></B>)
4487
4488
4489
4490                 </div>
4491                 <div class="mdesc">
4492
4493                    <div class="short">By default, the element can be dragged any place on the screen.</div>
4494
4495
4496
4497                     <div class="long">
4498
4499                                 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.
4500
4501
4502
4503
4504
4505
4506                                 <dl class="detailList">
4507                                 <dt class="heading">Parameters:</dt>
4508
4509                                         <dt>
4510                                                 <span class="fixedFont">int</span>  <b>iLeft</b>
4511
4512                                         </dt>
4513                                         <dd>the number of pixels the element can move to the left</dd>
4514
4515                                         <dt>
4516                                                 <span class="fixedFont">int</span>  <b>iRight</b>
4517
4518                                         </dt>
4519                                         <dd>the number of pixels the element can move to the<br/>right</dd>
4520
4521                                         <dt>
4522                                                 <span class="fixedFont">int</span>  <b>iTickSize</b>
4523
4524                                         </dt>
4525                                         <dd>optional parameter for specifying that the<br/>element<br/>should move iTickSize pixels at a time.</dd>
4526
4527                                 </dl>
4528
4529
4530
4531
4532
4533
4534
4535
4536
4537
4538
4539                     </div>
4540                 </div>
4541
4542             </td>
4543             <td class="msource">
4544
4545                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4546                 &nbsp;
4547             </td>
4548         </tr>
4549
4550
4551           <tr class="method-row config-row-alt1 expandable">
4552             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4553
4554
4555             <td class="sig">
4556                 <a id="Roo.dd.DragDrop-method-setYConstraint"   name=".setYConstraint"></a>
4557                 <div class="fixedFont">
4558                         <span class="attributes"></span><b class="itemname">setYConstraint</b>
4559
4560                                  (int <B><i>iUp</i></B>, int <B><i>iDown</i></B>, int <B><i>iTickSize</i></B>)
4561
4562
4563
4564                 </div>
4565                 <div class="mdesc">
4566
4567                    <div class="short">By default, the element can be dragged any place on the screen.</div>
4568
4569
4570
4571                     <div class="long">
4572
4573                                 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.
4574
4575
4576
4577
4578
4579
4580                                 <dl class="detailList">
4581                                 <dt class="heading">Parameters:</dt>
4582
4583                                         <dt>
4584                                                 <span class="fixedFont">int</span>  <b>iUp</b>
4585
4586                                         </dt>
4587                                         <dd>the number of pixels the element can move up</dd>
4588
4589                                         <dt>
4590                                                 <span class="fixedFont">int</span>  <b>iDown</b>
4591
4592                                         </dt>
4593                                         <dd>the number of pixels the element can move down</dd>
4594
4595                                         <dt>
4596                                                 <span class="fixedFont">int</span>  <b>iTickSize</b>
4597
4598                                         </dt>
4599                                         <dd>optional parameter for specifying that the<br/>element should move iTickSize pixels at a time.</dd>
4600
4601                                 </dl>
4602
4603
4604
4605
4606
4607
4608
4609
4610
4611
4612
4613                     </div>
4614                 </div>
4615
4616             </td>
4617             <td class="msource">
4618
4619                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4620                 &nbsp;
4621             </td>
4622         </tr>
4623
4624
4625           <tr class="method-row config-row-alt0 expandable">
4626             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4627
4628
4629             <td class="sig">
4630                 <a id="Roo.dd.DragDrop-method-startDrag"   name=".startDrag"></a>
4631                 <div class="fixedFont">
4632                         <span class="attributes"></span><b class="itemname">startDrag</b>
4633
4634                                  (int <B><i>X</i></B>, int <B><i>Y</i></B>)
4635
4636
4637
4638                 </div>
4639                 <div class="mdesc">
4640
4641                    <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>
4642
4643
4644
4645                     <div class="long">
4646
4647                                 Abstract method called after a drag/drop object is clicked<br/>and the drag or mousedown time thresholds have beeen met.
4648
4649
4650
4651
4652
4653
4654                                 <dl class="detailList">
4655                                 <dt class="heading">Parameters:</dt>
4656
4657                                         <dt>
4658                                                 <span class="fixedFont">int</span>  <b>X</b>
4659
4660                                         </dt>
4661                                         <dd>click location</dd>
4662
4663                                         <dt>
4664                                                 <span class="fixedFont">int</span>  <b>Y</b>
4665
4666                                         </dt>
4667                                         <dd>click location</dd>
4668
4669                                 </dl>
4670
4671
4672
4673
4674
4675
4676
4677
4678
4679
4680
4681                     </div>
4682                 </div>
4683
4684             </td>
4685             <td class="msource">
4686
4687                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4688                 &nbsp;
4689             </td>
4690         </tr>
4691
4692
4693           <tr class="method-row config-row-alt1 expandable">
4694             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4695
4696
4697             <td class="sig">
4698                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
4699                 <div class="fixedFont">
4700                         <span class="attributes"></span><b class="itemname">un</b>
4701
4702                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
4703
4704
4705
4706                 </div>
4707                 <div class="mdesc">
4708
4709                    <div class="short">Removes a listener (shorthand for removeListener)</div>
4710
4711
4712
4713                     <div class="long">
4714
4715                                 Removes a listener (shorthand for removeListener)
4716
4717
4718
4719
4720
4721
4722                                 <dl class="detailList">
4723                                 <dt class="heading">Parameters:</dt>
4724
4725                                         <dt>
4726                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4727
4728                                         </dt>
4729                                         <dd>The type of event to listen for</dd>
4730
4731                                         <dt>
4732                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4733
4734                                         </dt>
4735                                         <dd>The handler to remove</dd>
4736
4737                                         <dt>
4738                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>scope</b>
4739
4740                                         </dt>
4741                                         <dd>(optional) The scope (this object) for the handler</dd>
4742
4743                                 </dl>
4744
4745
4746
4747
4748
4749
4750
4751
4752
4753
4754
4755                     </div>
4756                 </div>
4757
4758             </td>
4759             <td class="msource">
4760
4761                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4762                 &nbsp;
4763             </td>
4764         </tr>
4765
4766
4767           <tr class="method-row config-row-alt0 expandable">
4768             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4769
4770
4771             <td class="sig">
4772                 <a id="Roo.dd.DragDrop-method-unlock"   name=".unlock"></a>
4773                 <div class="fixedFont">
4774                         <span class="attributes"></span><b class="itemname">unlock</b>
4775
4776                                  ()
4777
4778
4779
4780                 </div>
4781                 <div class="mdesc">
4782
4783                    <div class="short">Unlock this instace</div>
4784
4785
4786
4787                     <div class="long">
4788
4789                                 Unlock this instace
4790
4791
4792
4793
4794
4795
4796
4797
4798
4799
4800
4801
4802
4803
4804
4805
4806                     </div>
4807                 </div>
4808
4809             </td>
4810             <td class="msource">
4811
4812                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4813                 &nbsp;
4814             </td>
4815         </tr>
4816
4817
4818           <tr class="method-row config-row-alt1 expandable">
4819             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4820
4821
4822             <td class="sig">
4823                 <a id="Roo.dd.DragDrop-method-unreg"   name=".unreg"></a>
4824                 <div class="fixedFont">
4825                         <span class="attributes"></span><b class="itemname">unreg</b>
4826
4827                                  ()
4828
4829
4830
4831                 </div>
4832                 <div class="mdesc">
4833
4834                    <div class="short">Remove all drag and drop hooks for this element</div>
4835
4836
4837
4838                     <div class="long">
4839
4840                                 Remove all drag and drop hooks for this element
4841
4842
4843
4844
4845
4846
4847
4848
4849
4850
4851
4852
4853
4854
4855
4856
4857                     </div>
4858                 </div>
4859
4860             </td>
4861             <td class="msource">
4862
4863                         <a href="./Roo.dd.DragDrop.html#constructor" roo:cls="Roo.dd.DragDrop.html#constructor">Roo.dd.DragDrop</a>
4864                 &nbsp;
4865             </td>
4866         </tr>
4867
4868
4869     </table>
4870
4871
4872   <!-- ============================== events summary / details ======================== -->
4873
4874
4875   <a id="Roo.dd.DragSource-events"></a>
4876
4877
4878
4879
4880
4881      <table cellspacing="0" class="member-table">
4882       <caption class="Empty">Events - Has None</caption>
4883      </table>
4884
4885
4886
4887
4888
4889
4890
4891
4892
4893 <!-- ============================== footer ================================= -->
4894                 <div class="fineprint" style="clear:both">
4895
4896                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:54 GMT+0800 (HKT)
4897                         Based on
4898                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
4899                 </div>
4900         </body>
4901 </html>