git.roojs.org Git - roojs1/blob - docs.old/symbols/Roo.Resizable.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.Resizable</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.Resizable-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.Resizable-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.Resizable-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.Resizable-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 class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.Resizable
  48
  49                    </pre>
  50                 </div>
  51
  52 <!-- ============================== class title / details ============================ -->
  53
  54
  55     <h1 class="classTitle">
  56
  57                                 Class Roo.Resizable
  58                         </h1>
  59
  60     <table cellspacing="0" class="class-summary-table">
  61
  62                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  63
  64         <tr><td class="label">Defined In:</td><td class="hd-info">
  65
  66                                         <a href="./src/Roo_Resizable.js.html">Roo/Resizable.js</a>.
  67
  68         </td></tr>
  69         <tr><td class="label">Class:</td><td class="hd-info">Resizable</td></tr>
  70
  71
  72
  73
  74                 <tr><td class="label">Extends:</td><td class="hd-info">
  75                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  76
  77                 </td></tr>
  78
  79
  80     </table>
  81
  82
  83 <!-- ============================== class summary ========================== -->
  84     <div class="description">
  85         <p>Applies drag handles to an element to make it resizable. The drag handles are inserted into the element<br/>and positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap<br/>the textarea in a div and set "resizeChild" to true (or to the id of the element), <b>or</b> set wrap:true in your config and<br/>the element will be wrapped for you automatically.</p><br/><p>Here is the list of valid resize handles:</p><br/><pre><br/>Value   Description<br/>------  -------------------<br/> 'n'     north<br/> 's'     south<br/> 'e'     east<br/> 'w'     west<br/> 'nw'    northwest<br/> 'sw'    southwest<br/> 'se'    southeast<br/> 'ne'    northeast<br/> 'hd'    horizontal drag<br/> 'all'   all<br/></pre><br/><p>Here's an example showing the creation of a typical Resizable:</p><br/><pre><code><br/>var resizer = new Roo.Resizable("element-id", {<br/>    handles: 'all',<br/>    minWidth: 200,<br/>    minHeight: 100,<br/>    maxWidth: 500,<br/>    maxHeight: 400,<br/>    pinned: true<br/>});<br/>resizer.on("resize", myHandler);<br/></code></pre><br/><p>To hide a particular handle, set its display to none in CSS, or through script:<br><br/>resizer.east.setDisplayed(false);</p>
  86     </div>
  87
  88
  89 <!-- ============================== Class comment block... ========================== -->
  90
  91 <div class="comments">
  92         <b>Class Comments / Notes</B> =>
  93         <u onclick="parent.CommentDialog.showCommentId = 'Roo.Resizable';">[Add Your comment/notes about this class]</u>
  94         <br/>
  95         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
  96                 src="/blog.php/GtkDjsComments/Roo.Resizable.html"></iframe>
  97 </div>
  98
  99
 100
 101 <!-- ============================== config options ========================== -->
 102
 103
 104
 105
 106     <div class="hr"></div>
 107     <a id="Roo.Resizable-configs"></a>
 108
 109
 110
 111
 112
 113       <table cellspacing="0" class="member-table">
 114       <caption>Config Options (Usually are also Properties)</caption>
 115
 116
 117         <tr>
 118             <th class="sig-header" colspan="2">Options</th>
 119
 120             <th class="msource-header">Defined By</th>
 121         </tr>
 122
 123
 124
 125
 126
 127                 <tr class="config-row expandable config-row-alt0 notInherited">
 128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 129                     <td class="sig">
 130
 131                         <a id="Roo.Resizable-cfg-adjustments" name=".adjustments"></a>
 132                         <div class="fixedFont">
 133                                 <b  class="itemname">adjustments</b> : <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/String
 134
 135
 136                         </div>
 137
 138                         <div class="mdesc">
 139                             <div class="short">String "auto" or an array [width, height] with values to be <b>added</b> to the<br/>resize operation's new size (defaults to [0, 0])</div>
 140                         </div>
 141
 142                         <div class="mdesc">
 143                             <div class="long">
 144                     String "auto" or an array [width, height] with values to be <b>added</b> to the<br/>resize operation's new size (defaults to [0, 0])
 145
 146                 </div>
 147                         </div>
 148
 149
 150
 151                     </td>
 152                     <td class="msource">
 153
 154                         Roo.Resizable
 155
 156                     </td>
 157                 </tr>
 158
 159
 160                 <tr class="config-row expandable config-row-alt1 notInherited">
 161                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 162                     <td class="sig">
 163
 164                         <a id="Roo.Resizable-cfg-animate" name=".animate"></a>
 165                         <div class="fixedFont">
 166                                 <b  class="itemname">animate</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 167
 168
 169                         </div>
 170
 171                         <div class="mdesc">
 172                             <div class="short">True to animate the resize (not compatible with dynamic sizing, defaults to false)</div>
 173                         </div>
 174
 175                         <div class="mdesc">
 176                             <div class="long">
 177                     True to animate the resize (not compatible with dynamic sizing, defaults to false)
 178
 179                 </div>
 180                         </div>
 181
 182
 183
 184                     </td>
 185                     <td class="msource">
 186
 187                         Roo.Resizable
 188
 189                     </td>
 190                 </tr>
 191
 192
 193                 <tr class="config-row expandable config-row-alt0 notInherited">
 194                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 195                     <td class="sig">
 196
 197                         <a id="Roo.Resizable-cfg-constrainTo" name=".constrainTo"></a>
 198                         <div class="fixedFont">
 199                                 <b  class="itemname">constrainTo</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element
 200
 201
 202                         </div>
 203
 204                         <div class="mdesc">
 205                             <div class="short">Constrain the resize to a particular element</div>
 206                         </div>
 207
 208                         <div class="mdesc">
 209                             <div class="long">
 210                     Constrain the resize to a particular element
 211
 212                 </div>
 213                         </div>
 214
 215
 216
 217                     </td>
 218                     <td class="msource">
 219
 220                         Roo.Resizable
 221
 222                     </td>
 223                 </tr>
 224
 225
 226                 <tr class="config-row expandable config-row-alt1 notInherited">
 227                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 228                     <td class="sig">
 229
 230                         <a id="Roo.Resizable-cfg-disableTrackOver" name=".disableTrackOver"></a>
 231                         <div class="fixedFont">
 232                                 <b  class="itemname">disableTrackOver</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 233
 234
 235                         </div>
 236
 237                         <div class="mdesc">
 238                             <div class="short">True to disable mouse tracking.</div>
 239                         </div>
 240
 241                         <div class="mdesc">
 242                             <div class="long">
 243                     True to disable mouse tracking. This is only applied at config time. (defaults to false)
 244
 245                 </div>
 246                         </div>
 247
 248
 249
 250                     </td>
 251                     <td class="msource">
 252
 253                         Roo.Resizable
 254
 255                     </td>
 256                 </tr>
 257
 258
 259                 <tr class="config-row expandable config-row-alt0 notInherited">
 260                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 261                     <td class="sig">
 262
 263                         <a id="Roo.Resizable-cfg-draggable" name=".draggable"></a>
 264                         <div class="fixedFont">
 265                                 <b  class="itemname">draggable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 266
 267
 268                         </div>
 269
 270                         <div class="mdesc">
 271                             <div class="short">Convenience to initialize drag drop (defaults to false)</div>
 272                         </div>
 273
 274                         <div class="mdesc">
 275                             <div class="long">
 276                     Convenience to initialize drag drop (defaults to false)
 277
 278                 </div>
 279                         </div>
 280
 281
 282
 283                     </td>
 284                     <td class="msource">
 285
 286                         Roo.Resizable
 287
 288                     </td>
 289                 </tr>
 290
 291
 292                 <tr class="config-row expandable config-row-alt1 notInherited">
 293                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 294                     <td class="sig">
 295
 296                         <a id="Roo.Resizable-cfg-duration" name=".duration"></a>
 297                         <div class="fixedFont">
 298                                 <b  class="itemname">duration</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 299
 300
 301                         </div>
 302
 303                         <div class="mdesc">
 304                             <div class="short">Animation duration if animate = true (defaults to .35)</div>
 305                         </div>
 306
 307                         <div class="mdesc">
 308                             <div class="long">
 309                     Animation duration if animate = true (defaults to .35)
 310
 311                 </div>
 312                         </div>
 313
 314
 315
 316                     </td>
 317                     <td class="msource">
 318
 319                         Roo.Resizable
 320
 321                     </td>
 322                 </tr>
 323
 324
 325                 <tr class="config-row expandable config-row-alt0 notInherited">
 326                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 327                     <td class="sig">
 328
 329                         <a id="Roo.Resizable-cfg-dynamic" name=".dynamic"></a>
 330                         <div class="fixedFont">
 331                                 <b  class="itemname">dynamic</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 332
 333
 334                         </div>
 335
 336                         <div class="mdesc">
 337                             <div class="short">True to resize the element while dragging instead of using a proxy (defaults to false)</div>
 338                         </div>
 339
 340                         <div class="mdesc">
 341                             <div class="long">
 342                     True to resize the element while dragging instead of using a proxy (defaults to false)
 343
 344                 </div>
 345                         </div>
 346
 347
 348
 349                     </td>
 350                     <td class="msource">
 351
 352                         Roo.Resizable
 353
 354                     </td>
 355                 </tr>
 356
 357
 358                 <tr class="config-row expandable config-row-alt1 notInherited">
 359                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 360                     <td class="sig">
 361
 362                         <a id="Roo.Resizable-cfg-easing" name=".easing"></a>
 363                         <div class="fixedFont">
 364                                 <b  class="itemname">easing</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 365
 366
 367                         </div>
 368
 369                         <div class="mdesc">
 370                             <div class="short">Animation easing if animate = true (defaults to 'easingOutStrong')</div>
 371                         </div>
 372
 373                         <div class="mdesc">
 374                             <div class="long">
 375                     Animation easing if animate = true (defaults to 'easingOutStrong')
 376
 377                 </div>
 378                         </div>
 379
 380
 381
 382                     </td>
 383                     <td class="msource">
 384
 385                         Roo.Resizable
 386
 387                     </td>
 388                 </tr>
 389
 390
 391                 <tr class="config-row expandable config-row-alt0 notInherited">
 392                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 393                     <td class="sig">
 394
 395                         <a id="Roo.Resizable-cfg-enabled" name=".enabled"></a>
 396                         <div class="fixedFont">
 397                                 <b  class="itemname">enabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 398
 399
 400                         </div>
 401
 402                         <div class="mdesc">
 403                             <div class="short">False to disable resizing (defaults to true)</div>
 404                         </div>
 405
 406                         <div class="mdesc">
 407                             <div class="long">
 408                     False to disable resizing (defaults to true)
 409
 410                 </div>
 411                         </div>
 412
 413
 414
 415                     </td>
 416                     <td class="msource">
 417
 418                         Roo.Resizable
 419
 420                     </td>
 421                 </tr>
 422
 423
 424                 <tr class="config-row expandable config-row-alt1 notInherited">
 425                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 426                     <td class="sig">
 427
 428                         <a id="Roo.Resizable-cfg-handles" name=".handles"></a>
 429                         <div class="fixedFont">
 430                                 <b  class="itemname">handles</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 431
 432
 433                         </div>
 434
 435                         <div class="mdesc">
 436                             <div class="short">String consisting of the resize handles to display (defaults to undefined)</div>
 437                         </div>
 438
 439                         <div class="mdesc">
 440                             <div class="long">
 441                     String consisting of the resize handles to display (defaults to undefined)
 442
 443                 </div>
 444                         </div>
 445
 446
 447
 448                     </td>
 449                     <td class="msource">
 450
 451                         Roo.Resizable
 452
 453                     </td>
 454                 </tr>
 455
 456
 457                 <tr class="config-row expandable config-row-alt0 notInherited">
 458                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 459                     <td class="sig">
 460
 461                         <a id="Roo.Resizable-cfg-height" name=".height"></a>
 462                         <div class="fixedFont">
 463                                 <b  class="itemname">height</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 464
 465
 466                         </div>
 467
 468                         <div class="mdesc">
 469                             <div class="short">The height of the element in pixels (defaults to null)</div>
 470                         </div>
 471
 472                         <div class="mdesc">
 473                             <div class="long">
 474                     The height of the element in pixels (defaults to null)
 475
 476                 </div>
 477                         </div>
 478
 479
 480
 481                     </td>
 482                     <td class="msource">
 483
 484                         Roo.Resizable
 485
 486                     </td>
 487                 </tr>
 488
 489
 490                 <tr class="config-row expandable config-row-alt1 notInherited">
 491                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 492                     <td class="sig">
 493
 494                         <a id="Roo.Resizable-cfg-heightIncrement" name=".heightIncrement"></a>
 495                         <div class="fixedFont">
 496                                 <b  class="itemname">heightIncrement</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 497
 498
 499                         </div>
 500
 501                         <div class="mdesc">
 502                             <div class="short">The increment to snap the height resize in pixels (dynamic must be true, defaults to 0)</div>
 503                         </div>
 504
 505                         <div class="mdesc">
 506                             <div class="long">
 507                     The increment to snap the height resize in pixels (dynamic must be true, defaults to 0)
 508
 509                 </div>
 510                         </div>
 511
 512
 513
 514                     </td>
 515                     <td class="msource">
 516
 517                         Roo.Resizable
 518
 519                     </td>
 520                 </tr>
 521
 522
 523                 <tr class="config-row expandable config-row-alt0">
 524                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 525                     <td class="sig">
 526
 527                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 528                         <div class="fixedFont">
 529                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 530
 531
 532                         </div>
 533
 534                         <div class="mdesc">
 535                             <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>
 536                         </div>
 537
 538                         <div class="mdesc">
 539                             <div class="long">
 540                     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>
 541
 542                 </div>
 543                         </div>
 544
 545
 546
 547                     </td>
 548                     <td class="msource">
 549
 550                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 551
 552                     </td>
 553                 </tr>
 554
 555
 556                 <tr class="config-row expandable config-row-alt1 notInherited">
 557                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 558                     <td class="sig">
 559
 560                         <a id="Roo.Resizable-cfg-maxHeight" name=".maxHeight"></a>
 561                         <div class="fixedFont">
 562                                 <b  class="itemname">maxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 563
 564
 565                         </div>
 566
 567                         <div class="mdesc">
 568                             <div class="short">The maximum height for the element (defaults to 10000)</div>
 569                         </div>
 570
 571                         <div class="mdesc">
 572                             <div class="long">
 573                     The maximum height for the element (defaults to 10000)
 574
 575                 </div>
 576                         </div>
 577
 578
 579
 580                     </td>
 581                     <td class="msource">
 582
 583                         Roo.Resizable
 584
 585                     </td>
 586                 </tr>
 587
 588
 589                 <tr class="config-row expandable config-row-alt0 notInherited">
 590                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 591                     <td class="sig">
 592
 593                         <a id="Roo.Resizable-cfg-maxWidth" name=".maxWidth"></a>
 594                         <div class="fixedFont">
 595                                 <b  class="itemname">maxWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 596
 597
 598                         </div>
 599
 600                         <div class="mdesc">
 601                             <div class="short">The maximum width for the element (defaults to 10000)</div>
 602                         </div>
 603
 604                         <div class="mdesc">
 605                             <div class="long">
 606                     The maximum width for the element (defaults to 10000)
 607
 608                 </div>
 609                         </div>
 610
 611
 612
 613                     </td>
 614                     <td class="msource">
 615
 616                         Roo.Resizable
 617
 618                     </td>
 619                 </tr>
 620
 621
 622                 <tr class="config-row expandable config-row-alt1 notInherited">
 623                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 624                     <td class="sig">
 625
 626                         <a id="Roo.Resizable-cfg-minHeight" name=".minHeight"></a>
 627                         <div class="fixedFont">
 628                                 <b  class="itemname">minHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 629
 630
 631                         </div>
 632
 633                         <div class="mdesc">
 634                             <div class="short">The minimum height for the element (defaults to 5)</div>
 635                         </div>
 636
 637                         <div class="mdesc">
 638                             <div class="long">
 639                     The minimum height for the element (defaults to 5)
 640
 641                 </div>
 642                         </div>
 643
 644
 645
 646                     </td>
 647                     <td class="msource">
 648
 649                         Roo.Resizable
 650
 651                     </td>
 652                 </tr>
 653
 654
 655                 <tr class="config-row expandable config-row-alt0 notInherited">
 656                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 657                     <td class="sig">
 658
 659                         <a id="Roo.Resizable-cfg-minWidth" name=".minWidth"></a>
 660                         <div class="fixedFont">
 661                                 <b  class="itemname">minWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 662
 663
 664                         </div>
 665
 666                         <div class="mdesc">
 667                             <div class="short">The minimum width for the element (defaults to 5)</div>
 668                         </div>
 669
 670                         <div class="mdesc">
 671                             <div class="long">
 672                     The minimum width for the element (defaults to 5)
 673
 674                 </div>
 675                         </div>
 676
 677
 678
 679                     </td>
 680                     <td class="msource">
 681
 682                         Roo.Resizable
 683
 684                     </td>
 685                 </tr>
 686
 687
 688                 <tr class="config-row expandable config-row-alt1 notInherited">
 689                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 690                     <td class="sig">
 691
 692                         <a id="Roo.Resizable-cfg-minX" name=".minX"></a>
 693                         <div class="fixedFont">
 694                                 <b  class="itemname">minX</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 695
 696
 697                         </div>
 698
 699                         <div class="mdesc">
 700                             <div class="short">The minimum allowed page X for the element (only used for west resizing, defaults to 0)</div>
 701                         </div>
 702
 703                         <div class="mdesc">
 704                             <div class="long">
 705                     The minimum allowed page X for the element (only used for west resizing, defaults to 0)
 706
 707                 </div>
 708                         </div>
 709
 710
 711
 712                     </td>
 713                     <td class="msource">
 714
 715                         Roo.Resizable
 716
 717                     </td>
 718                 </tr>
 719
 720
 721                 <tr class="config-row expandable config-row-alt0 notInherited">
 722                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 723                     <td class="sig">
 724
 725                         <a id="Roo.Resizable-cfg-minY" name=".minY"></a>
 726                         <div class="fixedFont">
 727                                 <b  class="itemname">minY</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 728
 729
 730                         </div>
 731
 732                         <div class="mdesc">
 733                             <div class="short">The minimum allowed page Y for the element (only used for north resizing, defaults to 0)</div>
 734                         </div>
 735
 736                         <div class="mdesc">
 737                             <div class="long">
 738                     The minimum allowed page Y for the element (only used for north resizing, defaults to 0)
 739
 740                 </div>
 741                         </div>
 742
 743
 744
 745                     </td>
 746                     <td class="msource">
 747
 748                         Roo.Resizable
 749
 750                     </td>
 751                 </tr>
 752
 753
 754                 <tr class="config-row expandable config-row-alt1 notInherited">
 755                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 756                     <td class="sig">
 757
 758                         <a id="Roo.Resizable-cfg-multiDirectional" name=".multiDirectional"></a>
 759                         <div class="fixedFont">
 760                                 <b  class="itemname">multiDirectional</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 761
 762
 763                         </div>
 764
 765                         <div class="mdesc">
 766                             <div class="short"><b>Deprecated</b>.</div>
 767                         </div>
 768
 769                         <div class="mdesc">
 770                             <div class="long">
 771                     <b>Deprecated</b>.  The old style of adding multi-direction resize handles, deprecated<br/>in favor of the handles config option (defaults to false)
 772
 773                 </div>
 774                         </div>
 775
 776
 777
 778                     </td>
 779                     <td class="msource">
 780
 781                         Roo.Resizable
 782
 783                     </td>
 784                 </tr>
 785
 786
 787                 <tr class="config-row expandable config-row-alt0 notInherited">
 788                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 789                     <td class="sig">
 790
 791                         <a id="Roo.Resizable-cfg-pinned" name=".pinned"></a>
 792                         <div class="fixedFont">
 793                                 <b  class="itemname">pinned</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 794
 795
 796                         </div>
 797
 798                         <div class="mdesc">
 799                             <div class="short">True to ensure that the resize handles are always visible, false to display them only when the<br/>user mouses over the resizable borders.</div>
 800                         </div>
 801
 802                         <div class="mdesc">
 803                             <div class="long">
 804                     True to ensure that the resize handles are always visible, false to display them only when the<br/>user mouses over the resizable borders. This is only applied at config time. (defaults to false)
 805
 806                 </div>
 807                         </div>
 808
 809
 810
 811                     </td>
 812                     <td class="msource">
 813
 814                         Roo.Resizable
 815
 816                     </td>
 817                 </tr>
 818
 819
 820                 <tr class="config-row expandable config-row-alt1 notInherited">
 821                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 822                     <td class="sig">
 823
 824                         <a id="Roo.Resizable-cfg-preserveRatio" name=".preserveRatio"></a>
 825                         <div class="fixedFont">
 826                                 <b  class="itemname">preserveRatio</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 827
 828
 829                         </div>
 830
 831                         <div class="mdesc">
 832                             <div class="short">True to preserve the original ratio between height and width during resize (defaults to false)</div>
 833                         </div>
 834
 835                         <div class="mdesc">
 836                             <div class="long">
 837                     True to preserve the original ratio between height and width during resize (defaults to false)
 838
 839                 </div>
 840                         </div>
 841
 842
 843
 844                     </td>
 845                     <td class="msource">
 846
 847                         Roo.Resizable
 848
 849                     </td>
 850                 </tr>
 851
 852
 853                 <tr class="config-row expandable config-row-alt0 notInherited">
 854                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 855                     <td class="sig">
 856
 857                         <a id="Roo.Resizable-cfg-resizeChild" name=".resizeChild"></a>
 858                         <div class="fixedFont">
 859                                 <b  class="itemname">resizeChild</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String/Element
 860
 861
 862                         </div>
 863
 864                         <div class="mdesc">
 865                             <div class="short">True to resize the first child, or id/element to resize (defaults to false)</div>
 866                         </div>
 867
 868                         <div class="mdesc">
 869                             <div class="long">
 870                     True to resize the first child, or id/element to resize (defaults to false)
 871
 872                 </div>
 873                         </div>
 874
 875
 876
 877                     </td>
 878                     <td class="msource">
 879
 880                         Roo.Resizable
 881
 882                     </td>
 883                 </tr>
 884
 885
 886                 <tr class="config-row expandable config-row-alt1 notInherited">
 887                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 888                     <td class="sig">
 889
 890                         <a id="Roo.Resizable-cfg-resizeRegion" name=".resizeRegion"></a>
 891                         <div class="fixedFont">
 892                                 <b  class="itemname">resizeRegion</b> : Roo.lib.Region
 893
 894
 895                         </div>
 896
 897                         <div class="mdesc">
 898                             <div class="short">Constrain the resize to a particular region</div>
 899                         </div>
 900
 901                         <div class="mdesc">
 902                             <div class="long">
 903                     Constrain the resize to a particular region
 904
 905                 </div>
 906                         </div>
 907
 908
 909
 910                     </td>
 911                     <td class="msource">
 912
 913                         Roo.Resizable
 914
 915                     </td>
 916                 </tr>
 917
 918
 919                 <tr class="config-row expandable config-row-alt0 notInherited">
 920                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 921                     <td class="sig">
 922
 923                         <a id="Roo.Resizable-cfg-transparent" name=".transparent"></a>
 924                         <div class="fixedFont">
 925                                 <b  class="itemname">transparent</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 926
 927
 928                         </div>
 929
 930                         <div class="mdesc">
 931                             <div class="short">True for transparent handles.</div>
 932                         </div>
 933
 934                         <div class="mdesc">
 935                             <div class="long">
 936                     True for transparent handles. This is only applied at config time. (defaults to false)
 937
 938                 </div>
 939                         </div>
 940
 941
 942
 943                     </td>
 944                     <td class="msource">
 945
 946                         Roo.Resizable
 947
 948                     </td>
 949                 </tr>
 950
 951
 952                 <tr class="config-row expandable config-row-alt1 notInherited">
 953                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 954                     <td class="sig">
 955
 956                         <a id="Roo.Resizable-cfg-width" name=".width"></a>
 957                         <div class="fixedFont">
 958                                 <b  class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 959
 960
 961                         </div>
 962
 963                         <div class="mdesc">
 964                             <div class="short">The width of the element in pixels (defaults to null)</div>
 965                         </div>
 966
 967                         <div class="mdesc">
 968                             <div class="long">
 969                     The width of the element in pixels (defaults to null)
 970
 971                 </div>
 972                         </div>
 973
 974
 975
 976                     </td>
 977                     <td class="msource">
 978
 979                         Roo.Resizable
 980
 981                     </td>
 982                 </tr>
 983
 984
 985                 <tr class="config-row expandable config-row-alt0 notInherited">
 986                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 987                     <td class="sig">
 988
 989                         <a id="Roo.Resizable-cfg-widthIncrement" name=".widthIncrement"></a>
 990                         <div class="fixedFont">
 991                                 <b  class="itemname">widthIncrement</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 992
 993
 994                         </div>
 995
 996                         <div class="mdesc">
 997                             <div class="short">The increment to snap the width resize in pixels (dynamic must be true, defaults to 0)</div>
 998                         </div>
 999
1000                         <div class="mdesc">
1001                             <div class="long">
1002                     The increment to snap the width resize in pixels (dynamic must be true, defaults to 0)
1003
1004                 </div>
1005                         </div>
1006
1007
1008
1009                     </td>
1010                     <td class="msource">
1011
1012                         Roo.Resizable
1013
1014                     </td>
1015                 </tr>
1016
1017
1018                 <tr class="config-row expandable config-row-alt1 notInherited">
1019                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1020                     <td class="sig">
1021
1022                         <a id="Roo.Resizable-cfg-wrap" name=".wrap"></a>
1023                         <div class="fixedFont">
1024                                 <b  class="itemname">wrap</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1025
1026
1027                         </div>
1028
1029                         <div class="mdesc">
1030                             <div class="short">True to wrap an element with a div if needed (required for textareas and images, defaults to false)</div>
1031                         </div>
1032
1033                         <div class="mdesc">
1034                             <div class="long">
1035                     True to wrap an element with a div if needed (required for textareas and images, defaults to false)
1036
1037                 </div>
1038                         </div>
1039
1040
1041
1042                     </td>
1043                     <td class="msource">
1044
1045                         Roo.Resizable
1046
1047                     </td>
1048                 </tr>
1049
1050
1051     </table>
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061   <!-- ============================== public properties ==================== -->
1062
1063
1064
1065     <a id="Roo.Resizable-props"></a>
1066
1067
1068
1069
1070
1071      <table cellspacing="0" class="member-table">
1072       <caption class="Empty">Public Properties - Has None</caption>
1073      </table>
1074
1075
1076
1077
1078   <!-- ============================== methods summary / details ======================== -->
1079
1080
1081   <a id="Roo.Resizable-methods"></a>
1082         <!-- constructor?? -->
1083
1084         <!-- static's first
1085
1086
1087         -->
1088
1089         <!-- then dynamics first -->
1090
1091
1092
1093
1094
1095
1096       <table cellspacing="0" class="member-table">
1097       <caption>Public Methods</caption>
1098         <tr>
1099             <th class="sig-header" colspan="2">Method</th>
1100             <th class="msource-header">Defined By</th>
1101
1102         </tr>
1103
1104
1105
1106
1107
1108
1109
1110           <tr class="method-row config-row-alt0 expandable notInherited">
1111             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1112
1113
1114             <td class="sig">
1115                 <a id="Roo-method-Resizable"   name=".Resizable"></a>
1116                 <div class="fixedFont">
1117                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">Resizable</b>
1118
1119                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>el</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1120
1121
1122
1123                 </div>
1124                 <div class="mdesc">
1125
1126
1127                         <div class="short">Create a new Roo.Resizable</div>
1128
1129
1130                     <div class="long">
1131
1132
1133
1134                                 Create a new Roo.Resizable
1135
1136
1137                                 <dl class="detailList">
1138                                 <dt class="heading">Parameters:</dt>
1139
1140                                         <dt>
1141                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span>  <b>el</b>
1142
1143                                         </dt>
1144                                         <dd>The id or element to resize</dd>
1145
1146                                         <dt>
1147                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>config</b>
1148
1149                                         </dt>
1150                                         <dd>configuration options</dd>
1151
1152                                 </dl>
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164                     </div>
1165                 </div>
1166
1167             </td>
1168             <td class="msource">
1169                 &nbsp;
1170             </td>
1171         </tr>
1172
1173
1174           <tr class="method-row config-row-alt1 expandable">
1175             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1176
1177
1178             <td class="sig">
1179                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
1180                 <div class="fixedFont">
1181                         <span class="attributes"></span><b class="itemname">addEvents</b>
1182
1183                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1184
1185
1186
1187                 </div>
1188                 <div class="mdesc">
1189
1190                    <div class="short">Used to define events on this Observable</div>
1191
1192
1193
1194                     <div class="long">
1195
1196                                 Used to define events on this Observable
1197
1198
1199
1200
1201
1202
1203                                 <dl class="detailList">
1204                                 <dt class="heading">Parameters:</dt>
1205
1206                                         <dt>
1207                                                 <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>
1208
1209                                         </dt>
1210                                         <dd>The object with the events defined</dd>
1211
1212                                 </dl>
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224                     </div>
1225                 </div>
1226
1227             </td>
1228             <td class="msource">
1229
1230                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1231                 &nbsp;
1232             </td>
1233         </tr>
1234
1235
1236           <tr class="method-row config-row-alt0 expandable">
1237             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1238
1239
1240             <td class="sig">
1241                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
1242                 <div class="fixedFont">
1243                         <span class="attributes"></span><b class="itemname">addListener</b>
1244
1245                                  (<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>)
1246
1247
1248
1249                 </div>
1250                 <div class="mdesc">
1251
1252                    <div class="short">Appends an event handler to this component</div>
1253
1254
1255
1256                     <div class="long">
1257
1258                                 Appends an event handler to this component
1259
1260
1261
1262
1263
1264
1265                                 <dl class="detailList">
1266                                 <dt class="heading">Parameters:</dt>
1267
1268                                         <dt>
1269                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1270
1271                                         </dt>
1272                                         <dd>The type of event to listen for</dd>
1273
1274                                         <dt>
1275                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1276
1277                                         </dt>
1278                                         <dd>The method the event invokes</dd>
1279
1280                                         <dt>
1281                                                 <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>
1282
1283                                         </dt>
1284                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1285
1286                                         <dt>
1287                                                 <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>
1288
1289                                         </dt>
1290                                         <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>
1291
1292                                 </dl>
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304                     </div>
1305                 </div>
1306
1307             </td>
1308             <td class="msource">
1309
1310                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1311                 &nbsp;
1312             </td>
1313         </tr>
1314
1315
1316           <tr class="method-row config-row-alt1 expandable notInherited">
1317             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1318
1319
1320             <td class="sig">
1321                 <a id="Roo.Resizable-method-destroy"   name=".destroy"></a>
1322                 <div class="fixedFont">
1323                         <span class="attributes"></span><b class="itemname">destroy</b>
1324
1325                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
1326
1327
1328
1329                 </div>
1330                 <div class="mdesc">
1331
1332                    <div class="short">Destroys this resizable.</div>
1333
1334
1335
1336                     <div class="long">
1337
1338                                 Destroys this resizable. If the element was wrapped and<br/>removeEl is not true then the element remains.
1339
1340
1341
1342
1343
1344
1345                                 <dl class="detailList">
1346                                 <dt class="heading">Parameters:</dt>
1347
1348                                         <dt>
1349                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>removeEl</b>
1350
1351                                         </dt>
1352                                         <dd>(optional) true to remove the element from the DOM</dd>
1353
1354                                 </dl>
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366                     </div>
1367                 </div>
1368
1369             </td>
1370             <td class="msource">
1371
1372                         Roo.Resizable
1373                 &nbsp;
1374             </td>
1375         </tr>
1376
1377
1378           <tr class="method-row config-row-alt0 expandable">
1379             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1380
1381
1382             <td class="sig">
1383                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
1384                 <div class="fixedFont">
1385                         <span class="attributes"></span><b class="itemname">fireEvent</b>
1386
1387                                  (<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>)
1388
1389
1390                                          :
1391
1392
1393                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1394
1395
1396
1397
1398
1399                 </div>
1400                 <div class="mdesc">
1401
1402                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1403
1404
1405
1406                     <div class="long">
1407
1408                                 Fires the specified event with the passed parameters (minus the event name).
1409
1410
1411
1412
1413
1414
1415                                 <dl class="detailList">
1416                                 <dt class="heading">Parameters:</dt>
1417
1418                                         <dt>
1419                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1420
1421                                         </dt>
1422                                         <dd></dd>
1423
1424                                         <dt>
1425                                                 <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>
1426
1427                                         </dt>
1428                                         <dd>Variable number of parameters are passed to handlers</dd>
1429
1430                                 </dl>
1431
1432
1433
1434
1435
1436                                 <dl class="detailList">
1437                                 <dt class="heading">Returns:</dt>
1438
1439                                         <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>
1440
1441                                 </dl>
1442
1443
1444
1445
1446
1447
1448
1449                     </div>
1450                 </div>
1451
1452             </td>
1453             <td class="msource">
1454
1455                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1456                 &nbsp;
1457             </td>
1458         </tr>
1459
1460
1461           <tr class="method-row config-row-alt1 expandable notInherited">
1462             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1463
1464
1465             <td class="sig">
1466                 <a id="Roo.Resizable-method-getEl"   name=".getEl"></a>
1467                 <div class="fixedFont">
1468                         <span class="attributes"></span><b class="itemname">getEl</b>
1469
1470                                  ()
1471
1472
1473                                          :
1474
1475
1476                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1477
1478
1479
1480
1481
1482                 </div>
1483                 <div class="mdesc">
1484
1485                    <div class="short">Returns the element this component is bound to.</div>
1486
1487
1488
1489                     <div class="long">
1490
1491                                 Returns the element this component is bound to.
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502                                 <dl class="detailList">
1503                                 <dt class="heading">Returns:</dt>
1504
1505                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  </dd>
1506
1507                                 </dl>
1508
1509
1510
1511
1512
1513
1514
1515                     </div>
1516                 </div>
1517
1518             </td>
1519             <td class="msource">
1520
1521                         Roo.Resizable
1522                 &nbsp;
1523             </td>
1524         </tr>
1525
1526
1527           <tr class="method-row config-row-alt0 expandable notInherited">
1528             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1529
1530
1531             <td class="sig">
1532                 <a id="Roo.Resizable-method-getResizeChild"   name=".getResizeChild"></a>
1533                 <div class="fixedFont">
1534                         <span class="attributes"></span><b class="itemname">getResizeChild</b>
1535
1536                                  ()
1537
1538
1539                                          :
1540
1541
1542                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1543
1544
1545
1546
1547
1548                 </div>
1549                 <div class="mdesc">
1550
1551                    <div class="short">Returns the resizeChild element (or null).</div>
1552
1553
1554
1555                     <div class="long">
1556
1557                                 Returns the resizeChild element (or null).
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568                                 <dl class="detailList">
1569                                 <dt class="heading">Returns:</dt>
1570
1571                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  </dd>
1572
1573                                 </dl>
1574
1575
1576
1577
1578
1579
1580
1581                     </div>
1582                 </div>
1583
1584             </td>
1585             <td class="msource">
1586
1587                         Roo.Resizable
1588                 &nbsp;
1589             </td>
1590         </tr>
1591
1592
1593           <tr class="method-row config-row-alt1 expandable">
1594             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1595
1596
1597             <td class="sig">
1598                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1599                 <div class="fixedFont">
1600                         <span class="attributes"></span><b class="itemname">hasListener</b>
1601
1602                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1603
1604
1605                                          :
1606
1607
1608                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1609
1610
1611
1612
1613
1614                 </div>
1615                 <div class="mdesc">
1616
1617                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1618
1619
1620
1621                     <div class="long">
1622
1623                                 Checks to see if this object has any listeners for a specified event
1624
1625
1626
1627
1628
1629
1630                                 <dl class="detailList">
1631                                 <dt class="heading">Parameters:</dt>
1632
1633                                         <dt>
1634                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1635
1636                                         </dt>
1637                                         <dd>The name of the event to check for</dd>
1638
1639                                 </dl>
1640
1641
1642
1643
1644
1645                                 <dl class="detailList">
1646                                 <dt class="heading">Returns:</dt>
1647
1648                                         <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>
1649
1650                                 </dl>
1651
1652
1653
1654
1655
1656
1657
1658                     </div>
1659                 </div>
1660
1661             </td>
1662             <td class="msource">
1663
1664                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1665                 &nbsp;
1666             </td>
1667         </tr>
1668
1669
1670           <tr class="method-row config-row-alt0 expandable">
1671             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1672
1673
1674             <td class="sig">
1675                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1676                 <div class="fixedFont">
1677                         <span class="attributes"></span><b class="itemname">on</b>
1678
1679                                  (<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>)
1680
1681
1682
1683                 </div>
1684                 <div class="mdesc">
1685
1686                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1687
1688
1689
1690                     <div class="long">
1691
1692                                 Appends an event handler to this element (shorthand for addListener)
1693
1694
1695
1696
1697
1698
1699                                 <dl class="detailList">
1700                                 <dt class="heading">Parameters:</dt>
1701
1702                                         <dt>
1703                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1704
1705                                         </dt>
1706                                         <dd>The type of event to listen for</dd>
1707
1708                                         <dt>
1709                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1710
1711                                         </dt>
1712                                         <dd>The method the event invokes</dd>
1713
1714                                         <dt>
1715                                                 <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>
1716
1717                                         </dt>
1718                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1719
1720                                         <dt>
1721                                                 <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>
1722
1723                                         </dt>
1724                                         <dd>(optional)</dd>
1725
1726                                 </dl>
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738                     </div>
1739                 </div>
1740
1741             </td>
1742             <td class="msource">
1743
1744                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1745                 &nbsp;
1746             </td>
1747         </tr>
1748
1749
1750           <tr class="method-row config-row-alt1 expandable">
1751             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1752
1753
1754             <td class="sig">
1755                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1756                 <div class="fixedFont">
1757                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1758
1759                                  ()
1760
1761
1762
1763                 </div>
1764                 <div class="mdesc">
1765
1766                    <div class="short">Removes all listeners for this object</div>
1767
1768
1769
1770                     <div class="long">
1771
1772                                 Removes all listeners for this object
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789                     </div>
1790                 </div>
1791
1792             </td>
1793             <td class="msource">
1794
1795                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1796                 &nbsp;
1797             </td>
1798         </tr>
1799
1800
1801           <tr class="method-row config-row-alt0 expandable">
1802             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1803
1804
1805             <td class="sig">
1806                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1807                 <div class="fixedFont">
1808                         <span class="attributes"></span><b class="itemname">removeListener</b>
1809
1810                                  (<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>)
1811
1812
1813
1814                 </div>
1815                 <div class="mdesc">
1816
1817                    <div class="short">Removes a listener</div>
1818
1819
1820
1821                     <div class="long">
1822
1823                                 Removes a listener
1824
1825
1826
1827
1828
1829
1830                                 <dl class="detailList">
1831                                 <dt class="heading">Parameters:</dt>
1832
1833                                         <dt>
1834                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1835
1836                                         </dt>
1837                                         <dd>The type of event to listen for</dd>
1838
1839                                         <dt>
1840                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1841
1842                                         </dt>
1843                                         <dd>The handler to remove</dd>
1844
1845                                         <dt>
1846                                                 <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>
1847
1848                                         </dt>
1849                                         <dd>(optional) The scope (this object) for the handler</dd>
1850
1851                                 </dl>
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863                     </div>
1864                 </div>
1865
1866             </td>
1867             <td class="msource">
1868
1869                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1870                 &nbsp;
1871             </td>
1872         </tr>
1873
1874
1875           <tr class="method-row config-row-alt1 expandable notInherited">
1876             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1877
1878
1879             <td class="sig">
1880                 <a id="Roo.Resizable-method-resizeTo"   name=".resizeTo"></a>
1881                 <div class="fixedFont">
1882                         <span class="attributes"></span><b class="itemname">resizeTo</b>
1883
1884                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>)
1885
1886
1887
1888                 </div>
1889                 <div class="mdesc">
1890
1891                    <div class="short">Perform a manual resize</div>
1892
1893
1894
1895                     <div class="long">
1896
1897                                 Perform a manual resize
1898
1899
1900
1901
1902
1903
1904                                 <dl class="detailList">
1905                                 <dt class="heading">Parameters:</dt>
1906
1907                                         <dt>
1908                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>width</b>
1909
1910                                         </dt>
1911                                         <dd></dd>
1912
1913                                         <dt>
1914                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
1915
1916                                         </dt>
1917                                         <dd></dd>
1918
1919                                 </dl>
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931                     </div>
1932                 </div>
1933
1934             </td>
1935             <td class="msource">
1936
1937                         Roo.Resizable
1938                 &nbsp;
1939             </td>
1940         </tr>
1941
1942
1943           <tr class="method-row config-row-alt0 expandable">
1944             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1945
1946
1947             <td class="sig">
1948                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
1949                 <div class="fixedFont">
1950                         <span class="attributes"></span><b class="itemname">un</b>
1951
1952                                  (<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>)
1953
1954
1955
1956                 </div>
1957                 <div class="mdesc">
1958
1959                    <div class="short">Removes a listener (shorthand for removeListener)</div>
1960
1961
1962
1963                     <div class="long">
1964
1965                                 Removes a listener (shorthand for removeListener)
1966
1967
1968
1969
1970
1971
1972                                 <dl class="detailList">
1973                                 <dt class="heading">Parameters:</dt>
1974
1975                                         <dt>
1976                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1977
1978                                         </dt>
1979                                         <dd>The type of event to listen for</dd>
1980
1981                                         <dt>
1982                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1983
1984                                         </dt>
1985                                         <dd>The handler to remove</dd>
1986
1987                                         <dt>
1988                                                 <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>
1989
1990                                         </dt>
1991                                         <dd>(optional) The scope (this object) for the handler</dd>
1992
1993                                 </dl>
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005                     </div>
2006                 </div>
2007
2008             </td>
2009             <td class="msource">
2010
2011                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2012                 &nbsp;
2013             </td>
2014         </tr>
2015
2016
2017     </table>
2018
2019
2020   <!-- ============================== events summary / details ======================== -->
2021
2022
2023   <a id="Roo.Resizable-events"></a>
2024
2025
2026
2027
2028
2029
2030
2031
2032       <table cellspacing="0" class="member-table">
2033                 <caption>Events</caption>
2034               <thead>
2035                 <tr>
2036                     <th class="sig-header" colspan="2">Event</th>
2037                     <th class="msource-header">Defined By</th>
2038
2039                 </tr>
2040               </thead>
2041
2042
2043
2044
2045
2046           <tr class="method-row expandable config-row-alt0 notInherited">
2047             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2048
2049             <td class="sig">
2050                 <a id="Roo.Resizable-event-*beforeresize"></a>
2051
2052                <div class="fixedFont">
2053                 <b class="itemname">beforeresize</b> (<a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2054
2055                 </div>
2056
2057                 <div class="mdesc">
2058
2059                    <div class="short">Fired before resize is allowed.
2060
2061                 </div>
2062
2063                     <div class="long">
2064
2065                         Fired before resize is allowed. Set enabled to false to cancel resize.
2066
2067
2068
2069
2070
2071                                 <dl class="detailList">
2072                                 <dt class="heading">Parameters:</dt>
2073
2074                                         <dt>
2075                                                 <span class="fixedFont"><a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a></span> <b>this</b>
2076
2077                                         </dt>
2078                                         <dd></dd>
2079
2080                                         <dt>
2081                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2082
2083                                         </dt>
2084                                         <dd>The mousedown event</dd>
2085
2086                                 </dl>
2087
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098                     </div>
2099                 </div>
2100
2101             </td>
2102             <td class="msource">
2103                 Roo.Resizable
2104             </td>
2105         </tr>
2106
2107           <tr class="method-row expandable config-row-alt1 notInherited">
2108             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2109
2110             <td class="sig">
2111                 <a id="Roo.Resizable-event-*resize"></a>
2112
2113                <div class="fixedFont">
2114                 <b class="itemname">resize</b> (<a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2115
2116                 </div>
2117
2118                 <div class="mdesc">
2119
2120                    <div class="short">Fired after a resize.
2121
2122                 </div>
2123
2124                     <div class="long">
2125
2126                         Fired after a resize.
2127
2128
2129
2130
2131
2132                                 <dl class="detailList">
2133                                 <dt class="heading">Parameters:</dt>
2134
2135                                         <dt>
2136                                                 <span class="fixedFont"><a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a></span> <b>this</b>
2137
2138                                         </dt>
2139                                         <dd></dd>
2140
2141                                         <dt>
2142                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
2143
2144                                         </dt>
2145                                         <dd>The new width</dd>
2146
2147                                         <dt>
2148                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
2149
2150                                         </dt>
2151                                         <dd>The new height</dd>
2152
2153                                         <dt>
2154                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2155
2156                                         </dt>
2157                                         <dd>The mouseup event</dd>
2158
2159                                 </dl>
2160
2161
2162
2163
2164
2165
2166
2167
2168
2169
2170
2171                     </div>
2172                 </div>
2173
2174             </td>
2175             <td class="msource">
2176                 Roo.Resizable
2177             </td>
2178         </tr>
2179
2180           <tr class="method-row expandable config-row-alt0 notInherited">
2181             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2182
2183             <td class="sig">
2184                 <a id="Roo.Resizable-event-*resizing"></a>
2185
2186                <div class="fixedFont">
2187                 <b class="itemname">resizing</b> (<a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>w</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>h</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2188
2189                 </div>
2190
2191                 <div class="mdesc">
2192
2193                    <div class="short">Fired a resizing.
2194
2195                 </div>
2196
2197                     <div class="long">
2198
2199                         Fired a resizing.
2200
2201
2202
2203
2204
2205                                 <dl class="detailList">
2206                                 <dt class="heading">Parameters:</dt>
2207
2208                                         <dt>
2209                                                 <span class="fixedFont"><a href="./Roo.Resizable.html#constructor" roo:cls="Roo.Resizable.html#constructor">Roo.Resizable</a></span> <b>this</b>
2210
2211                                         </dt>
2212                                         <dd></dd>
2213
2214                                         <dt>
2215                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
2216
2217                                         </dt>
2218                                         <dd>The new x position</dd>
2219
2220                                         <dt>
2221                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
2222
2223                                         </dt>
2224                                         <dd>The new y position</dd>
2225
2226                                         <dt>
2227                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>w</b>
2228
2229                                         </dt>
2230                                         <dd>The new w width</dd>
2231
2232                                         <dt>
2233                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>h</b>
2234
2235                                         </dt>
2236                                         <dd>The new h hight</dd>
2237
2238                                         <dt>
2239                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2240
2241                                         </dt>
2242                                         <dd>The mouseup event</dd>
2243
2244                                 </dl>
2245
2246
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256                     </div>
2257                 </div>
2258
2259             </td>
2260             <td class="msource">
2261                 Roo.Resizable
2262             </td>
2263         </tr>
2264
2265
2266     </table>
2267
2268
2269
2270
2271
2272 <!-- ============================== footer ================================= -->
2273                 <div class="fineprint" style="clear:both">
2274
2275                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
2276                         Based on
2277                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
2278                 </div>
2279         </body>
2280 </html>