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

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