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