git.roojs.org Git - roojs1/blob - docs/symbols/Roo.dd.DragSource.html

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