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