git.roojs.org Git - roojs1/blob - docs/symbols/Roo.BoxComponent.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.BoxComponent</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.BoxComponent-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.BoxComponent-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.BoxComponent-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.BoxComponent-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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  48 <img src="../../images/default/s.gif" height="1"  width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.BoxComponent
  49
  50                    </pre>
  51                 </div>
  52
  53 <!-- ============================== class title / details ============================ -->
  54
  55
  56     <h1 class="classTitle">
  57
  58                                 Class Roo.BoxComponent
  59                         </h1>
  60
  61     <table cellspacing="0" class="class-summary-table">
  62
  63                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  64
  65         <tr><td class="label">Defined In:</td><td class="hd-info">
  66
  67                                         <a href="./src/Roo_BoxComponent.js.html">Roo/BoxComponent.js</a>.
  68
  69         </td></tr>
  70         <tr><td class="label">Class:</td><td class="hd-info">BoxComponent</td></tr>
  71
  72
  73         <tr><td class="label">Subclasses:</td><td class="hd-info">
  74                 <a href="./Roo.form.Checkbox.html#constructor" roo:cls="Roo.form.Checkbox.html#constructor">Roo.form.Checkbox</a>, <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>, <a href="./Roo.form.DateField.html#constructor" roo:cls="Roo.form.DateField.html#constructor">Roo.form.DateField</a>, <a href="./Roo.form.FCKeditor.html#constructor" roo:cls="Roo.form.FCKeditor.html#constructor">Roo.form.FCKeditor</a>, <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>, <a href="./Roo.form.GridField.html#constructor" roo:cls="Roo.form.GridField.html#constructor">Roo.form.GridField</a>, <a href="./Roo.form.Hidden.html#constructor" roo:cls="Roo.form.Hidden.html#constructor">Roo.form.Hidden</a>, <a href="./Roo.form.NumberField.html#constructor" roo:cls="Roo.form.NumberField.html#constructor">Roo.form.NumberField</a>, <a href="./Roo.form.Radio.html#constructor" roo:cls="Roo.form.Radio.html#constructor">Roo.form.Radio</a>, <a href="./Roo.form.TextArea.html#constructor" roo:cls="Roo.form.TextArea.html#constructor">Roo.form.TextArea</a>, <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>, <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
  84
  85                 </td></tr>
  86
  87
  88     </table>
  89
  90
  91 <!-- ============================== class summary ========================== -->
  92     <div class="description">
  93         Base class for any visual {<b>link</b> Roo.Component} that uses a box container.  BoxComponent provides automatic box<br/>model adjustments for sizing and positioning and will work correctly withnin the Component rendering model.  All<br/>container classes should subclass BoxComponent so that they will work consistently when nested within other Ext<br/>layout containers.
  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.BoxComponent';">[Add Your comment/notes about this class]</u>
 102         <br/>
 103         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
 104                 src="/blog.php/GtkDjsComments/Roo.BoxComponent.html"></iframe>
 105 </div>
 106
 107
 108
 109 <!-- ============================== config options ========================== -->
 110
 111
 112
 113
 114     <div class="hr"></div>
 115     <a id="Roo.BoxComponent-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.Component-cfg-actionMode" name=".actionMode"></a>
 140                         <div class="fixedFont">
 141                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 142
 143
 144                         </div>
 145
 146                         <div class="mdesc">
 147                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 148                         </div>
 149
 150                         <div class="mdesc">
 151                             <div class="long">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 152                         </div>
 153
 154
 155
 156                     </td>
 157                     <td class="msource">
 158
 159                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 160
 161                     </td>
 162                 </tr>
 163
 164
 165                 <tr class="config-row expandable config-row-alt1">
 166                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 167                     <td class="sig">
 168
 169                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 170                         <div class="fixedFont">
 171                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 172
 173
 174                         </div>
 175
 176                         <div class="mdesc">
 177                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 178                         </div>
 179
 180                         <div class="mdesc">
 181                             <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div>
 182                         </div>
 183
 184
 185
 186                     </td>
 187                     <td class="msource">
 188
 189                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 190
 191                     </td>
 192                 </tr>
 193
 194
 195                 <tr class="config-row expandable config-row-alt0">
 196                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 197                     <td class="sig">
 198
 199                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 200                         <div class="fixedFont">
 201                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 202
 203
 204                         </div>
 205
 206                         <div class="mdesc">
 207                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 208                         </div>
 209
 210                         <div class="mdesc">
 211                             <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 212                         </div>
 213
 214
 215
 216                     </td>
 217                     <td class="msource">
 218
 219                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 220
 221                     </td>
 222                 </tr>
 223
 224
 225                 <tr class="config-row expandable config-row-alt1 notInherited">
 226                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 227                     <td class="sig">
 228
 229                         <a id="Roo.BoxComponent-cfg-height" name=".height"></a>
 230                         <div class="fixedFont">
 231                                 <b  class="itemname">height</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 232
 233
 234                         </div>
 235
 236                         <div class="mdesc">
 237                             <div class="short">height (optional) size of component</div>
 238                         </div>
 239
 240                         <div class="mdesc">
 241                             <div class="long">height (optional) size of component</div>
 242                         </div>
 243
 244
 245
 246                     </td>
 247                     <td class="msource">
 248
 249                         Roo.BoxComponent
 250
 251                     </td>
 252                 </tr>
 253
 254
 255                 <tr class="config-row expandable config-row-alt0">
 256                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 257                     <td class="sig">
 258
 259                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 260                         <div class="fixedFont">
 261                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 262
 263
 264                         </div>
 265
 266                         <div class="mdesc">
 267                             <div class="short">How this component should hidden.</div>
 268                         </div>
 269
 270                         <div class="mdesc">
 271                             <div class="long">How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".</div>
 272                         </div>
 273
 274
 275
 276                     </td>
 277                     <td class="msource">
 278
 279                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 280
 281                     </td>
 282                 </tr>
 283
 284
 285                 <tr class="config-row expandable config-row-alt1">
 286                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 287                     <td class="sig">
 288
 289                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 290                         <div class="fixedFont">
 291                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 292
 293
 294                         </div>
 295
 296                         <div class="mdesc">
 297                             <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>
 298                         </div>
 299
 300                         <div class="mdesc">
 301                             <div class="long">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/>    listeners :  { <br/>       'click' : function(e) {<br/>           ..... <br/>        } ,<br/>        .... <br/>    } <br/>  </code></pre></div>
 302                         </div>
 303
 304
 305
 306                     </td>
 307                     <td class="msource">
 308
 309                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 310
 311                     </td>
 312                 </tr>
 313
 314
 315                 <tr class="config-row expandable config-row-alt0 notInherited">
 316                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 317                     <td class="sig">
 318
 319                         <a id="Roo.BoxComponent-cfg-width" name=".width"></a>
 320                         <div class="fixedFont">
 321                                 <b  class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 322
 323
 324                         </div>
 325
 326                         <div class="mdesc">
 327                             <div class="short">width (optional) size of component</div>
 328                         </div>
 329
 330                         <div class="mdesc">
 331                             <div class="long">width (optional) size of component</div>
 332                         </div>
 333
 334
 335
 336                     </td>
 337                     <td class="msource">
 338
 339                         Roo.BoxComponent
 340
 341                     </td>
 342                 </tr>
 343
 344
 345     </table>
 346
 347
 348
 349
 350
 351
 352
 353
 354
 355   <!-- ============================== public properties ==================== -->
 356
 357
 358
 359     <a id="Roo.BoxComponent-props"></a>
 360
 361
 362
 363
 364
 365      <table cellspacing="0" class="member-table">
 366       <caption class="Empty">Public Properties - Has None</caption>
 367      </table>
 368
 369
 370
 371
 372   <!-- ============================== methods summary / details ======================== -->
 373
 374
 375   <a id="Roo.BoxComponent-methods"></a>
 376         <!-- constructor?? -->
 377
 378         <!-- static's first
 379
 380
 381         -->
 382
 383         <!-- then dynamics first -->
 384
 385
 386
 387
 388
 389
 390       <table cellspacing="0" class="member-table">
 391       <caption>Public Methods</caption>
 392         <tr>
 393             <th class="sig-header" colspan="2">Method</th>
 394             <th class="msource-header">Defined By</th>
 395
 396         </tr>
 397
 398
 399
 400
 401
 402
 403
 404           <tr class="method-row config-row-alt0 expandable notInherited">
 405             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 406
 407
 408             <td class="sig">
 409                 <a id="Roo-method-BoxComponent"   name=".BoxComponent"></a>
 410                 <div class="fixedFont">
 411                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">BoxComponent</b>
 412
 413                                  (<a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>/String/Object <B><i>config</i></B>)
 414
 415
 416
 417                 </div>
 418                 <div class="mdesc">
 419
 420
 421                         <div class="short">Create a new Roo.BoxComponent</div>
 422
 423
 424                     <div class="long">
 425
 426
 427
 428                                 Create a new Roo.BoxComponent
 429
 430
 431                                 <dl class="detailList">
 432                                 <dt class="heading">Parameters:</dt>
 433
 434                                         <dt>
 435                                                 <span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>/String/Object</span>  <b>config</b>
 436
 437                                         </dt>
 438                                         <dd>The configuration options.</dd>
 439
 440                                 </dl>
 441
 442
 443
 444
 445
 446
 447
 448
 449
 450
 451
 452                     </div>
 453                 </div>
 454
 455             </td>
 456             <td class="msource">
 457                 &nbsp;
 458             </td>
 459         </tr>
 460
 461
 462           <tr class="method-row config-row-alt1 expandable">
 463             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 464
 465
 466             <td class="sig">
 467                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 468                 <div class="fixedFont">
 469                         <span class="attributes"></span><b class="itemname">addEvents</b>
 470
 471                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 472
 473
 474
 475                 </div>
 476                 <div class="mdesc">
 477
 478                    <div class="short">Used to define events on this Observable</div>
 479
 480
 481
 482                     <div class="long">
 483
 484                                 Used to define events on this Observable
 485
 486
 487
 488
 489
 490
 491                                 <dl class="detailList">
 492                                 <dt class="heading">Parameters:</dt>
 493
 494                                         <dt>
 495                                                 <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>
 496
 497                                         </dt>
 498                                         <dd>The object with the events defined</dd>
 499
 500                                 </dl>
 501
 502
 503
 504
 505
 506
 507
 508
 509
 510
 511
 512                     </div>
 513                 </div>
 514
 515             </td>
 516             <td class="msource">
 517
 518                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 519                 &nbsp;
 520             </td>
 521         </tr>
 522
 523
 524           <tr class="method-row config-row-alt0 expandable">
 525             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 526
 527
 528             <td class="sig">
 529                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 530                 <div class="fixedFont">
 531                         <span class="attributes"></span><b class="itemname">addListener</b>
 532
 533                                  (<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>)
 534
 535
 536
 537                 </div>
 538                 <div class="mdesc">
 539
 540                    <div class="short">Appends an event handler to this component</div>
 541
 542
 543
 544                     <div class="long">
 545
 546                                 Appends an event handler to this component
 547
 548
 549
 550
 551
 552
 553                                 <dl class="detailList">
 554                                 <dt class="heading">Parameters:</dt>
 555
 556                                         <dt>
 557                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 558
 559                                         </dt>
 560                                         <dd>The type of event to listen for</dd>
 561
 562                                         <dt>
 563                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 564
 565                                         </dt>
 566                                         <dd>The method the event invokes</dd>
 567
 568                                         <dt>
 569                                                 <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>
 570
 571                                         </dt>
 572                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 573
 574                                         <dt>
 575                                                 <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>
 576
 577                                         </dt>
 578                                         <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>
 579
 580                                 </dl>
 581
 582
 583
 584
 585
 586
 587
 588
 589
 590
 591
 592                     </div>
 593                 </div>
 594
 595             </td>
 596             <td class="msource">
 597
 598                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 599                 &nbsp;
 600             </td>
 601         </tr>
 602
 603
 604           <tr class="method-row config-row-alt1 expandable">
 605             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 606
 607
 608             <td class="sig">
 609                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
 610                 <div class="fixedFont">
 611                         <span class="attributes"></span><b class="itemname">destroy</b>
 612
 613                                  ()
 614
 615
 616
 617                 </div>
 618                 <div class="mdesc">
 619
 620                    <div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.</div>
 621
 622
 623
 624                     <div class="long">
 625
 626                                 Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.
 627
 628
 629
 630
 631
 632
 633
 634
 635
 636
 637
 638
 639
 640
 641
 642
 643                     </div>
 644                 </div>
 645
 646             </td>
 647             <td class="msource">
 648
 649                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 650                 &nbsp;
 651             </td>
 652         </tr>
 653
 654
 655           <tr class="method-row config-row-alt0 expandable">
 656             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 657
 658
 659             <td class="sig">
 660                 <a id="Roo.Component-method-disable"   name=".disable"></a>
 661                 <div class="fixedFont">
 662                         <span class="attributes"></span><b class="itemname">disable</b>
 663
 664                                  ()
 665
 666
 667                                          :
 668
 669
 670                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 671
 672
 673
 674
 675
 676                 </div>
 677                 <div class="mdesc">
 678
 679                    <div class="short">Disable this component.</div>
 680
 681
 682
 683                     <div class="long">
 684
 685                                 Disable this component.
 686
 687
 688
 689
 690
 691
 692
 693
 694
 695
 696                                 <dl class="detailList">
 697                                 <dt class="heading">Returns:</dt>
 698
 699                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 700
 701                                 </dl>
 702
 703
 704
 705
 706
 707
 708
 709                     </div>
 710                 </div>
 711
 712             </td>
 713             <td class="msource">
 714
 715                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 716                 &nbsp;
 717             </td>
 718         </tr>
 719
 720
 721           <tr class="method-row config-row-alt1 expandable">
 722             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 723
 724
 725             <td class="sig">
 726                 <a id="Roo.Component-method-enable"   name=".enable"></a>
 727                 <div class="fixedFont">
 728                         <span class="attributes"></span><b class="itemname">enable</b>
 729
 730                                  ()
 731
 732
 733                                          :
 734
 735
 736                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 737
 738
 739
 740
 741
 742                 </div>
 743                 <div class="mdesc">
 744
 745                    <div class="short">Enable this component.</div>
 746
 747
 748
 749                     <div class="long">
 750
 751                                 Enable this component.
 752
 753
 754
 755
 756
 757
 758
 759
 760
 761
 762                                 <dl class="detailList">
 763                                 <dt class="heading">Returns:</dt>
 764
 765                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 766
 767                                 </dl>
 768
 769
 770
 771
 772
 773
 774
 775                     </div>
 776                 </div>
 777
 778             </td>
 779             <td class="msource">
 780
 781                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 782                 &nbsp;
 783             </td>
 784         </tr>
 785
 786
 787           <tr class="method-row config-row-alt0 expandable">
 788             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 789
 790
 791             <td class="sig">
 792                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
 793                 <div class="fixedFont">
 794                         <span class="attributes"></span><b class="itemname">fireEvent</b>
 795
 796                                  (<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>)
 797
 798
 799                                          :
 800
 801
 802                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 803
 804
 805
 806
 807
 808                 </div>
 809                 <div class="mdesc">
 810
 811                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
 812
 813
 814
 815                     <div class="long">
 816
 817                                 Fires the specified event with the passed parameters (minus the event name).
 818
 819
 820
 821
 822
 823
 824                                 <dl class="detailList">
 825                                 <dt class="heading">Parameters:</dt>
 826
 827                                         <dt>
 828                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 829
 830                                         </dt>
 831                                         <dd></dd>
 832
 833                                         <dt>
 834                                                 <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>
 835
 836                                         </dt>
 837                                         <dd>Variable number of parameters are passed to handlers</dd>
 838
 839                                 </dl>
 840
 841
 842
 843
 844
 845                                 <dl class="detailList">
 846                                 <dt class="heading">Returns:</dt>
 847
 848                                         <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>
 849
 850                                 </dl>
 851
 852
 853
 854
 855
 856
 857
 858                     </div>
 859                 </div>
 860
 861             </td>
 862             <td class="msource">
 863
 864                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 865                 &nbsp;
 866             </td>
 867         </tr>
 868
 869
 870           <tr class="method-row config-row-alt1 expandable">
 871             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 872
 873
 874             <td class="sig">
 875                 <a id="Roo.Component-method-focus"   name=".focus"></a>
 876                 <div class="fixedFont">
 877                         <span class="attributes"></span><b class="itemname">focus</b>
 878
 879                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
 880
 881
 882                                          :
 883
 884
 885                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 886
 887
 888
 889
 890
 891                 </div>
 892                 <div class="mdesc">
 893
 894                    <div class="short">Try to focus this component.</div>
 895
 896
 897
 898                     <div class="long">
 899
 900                                 Try to focus this component.
 901
 902
 903
 904
 905
 906
 907                                 <dl class="detailList">
 908                                 <dt class="heading">Parameters:</dt>
 909
 910                                         <dt>
 911                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>selectText</b>
 912
 913                                         </dt>
 914                                         <dd>True to also select the text in this component (if applicable)</dd>
 915
 916                                 </dl>
 917
 918
 919
 920
 921
 922                                 <dl class="detailList">
 923                                 <dt class="heading">Returns:</dt>
 924
 925                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 926
 927                                 </dl>
 928
 929
 930
 931
 932
 933
 934
 935                     </div>
 936                 </div>
 937
 938             </td>
 939             <td class="msource">
 940
 941                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 942                 &nbsp;
 943             </td>
 944         </tr>
 945
 946
 947           <tr class="method-row config-row-alt0 expandable notInherited">
 948             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 949
 950
 951             <td class="sig">
 952                 <a id="Roo.BoxComponent-method-getBox"   name=".getBox"></a>
 953                 <div class="fixedFont">
 954                         <span class="attributes"></span><b class="itemname">getBox</b>
 955
 956                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
 957
 958
 959
 960                 </div>
 961                 <div class="mdesc">
 962
 963                    <div class="short">Gets the current box measurements of the component's underlying element.</div>
 964
 965
 966
 967                     <div class="long">
 968
 969                                 Gets the current box measurements of the component's underlying element.
 970
 971
 972
 973
 974
 975
 976                                 <dl class="detailList">
 977                                 <dt class="heading">Parameters:</dt>
 978
 979                                         <dt>
 980                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>local</b>
 981
 982                                         </dt>
 983                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
 984
 985                                 </dl>
 986
 987
 988
 989
 990
 991
 992
 993
 994
 995
 996
 997                     </div>
 998                 </div>
 999
1000             </td>
1001             <td class="msource">
1002
1003                         Roo.BoxComponent
1004                 &nbsp;
1005             </td>
1006         </tr>
1007
1008
1009           <tr class="method-row config-row-alt1 expandable">
1010             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1011
1012
1013             <td class="sig">
1014                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
1015                 <div class="fixedFont">
1016                         <span class="attributes"></span><b class="itemname">getEl</b>
1017
1018                                  ()
1019
1020
1021                                          :
1022
1023
1024                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1025
1026
1027
1028
1029
1030                 </div>
1031                 <div class="mdesc">
1032
1033                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1034
1035
1036
1037                     <div class="long">
1038
1039                                 Returns the underlying {<b>link</b> Roo.Element}.
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050                                 <dl class="detailList">
1051                                 <dt class="heading">Returns:</dt>
1052
1053                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
1054
1055                                 </dl>
1056
1057
1058
1059
1060
1061
1062
1063                     </div>
1064                 </div>
1065
1066             </td>
1067             <td class="msource">
1068
1069                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1070                 &nbsp;
1071             </td>
1072         </tr>
1073
1074
1075           <tr class="method-row config-row-alt0 expandable">
1076             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1077
1078
1079             <td class="sig">
1080                 <a id="Roo.Component-method-getId"   name=".getId"></a>
1081                 <div class="fixedFont">
1082                         <span class="attributes"></span><b class="itemname">getId</b>
1083
1084                                  ()
1085
1086
1087                                          :
1088
1089
1090                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1091
1092
1093
1094
1095
1096                 </div>
1097                 <div class="mdesc">
1098
1099                    <div class="short">Returns the id of this component.</div>
1100
1101
1102
1103                     <div class="long">
1104
1105                                 Returns the id of this component.
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116                                 <dl class="detailList">
1117                                 <dt class="heading">Returns:</dt>
1118
1119                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
1120
1121                                 </dl>
1122
1123
1124
1125
1126
1127
1128
1129                     </div>
1130                 </div>
1131
1132             </td>
1133             <td class="msource">
1134
1135                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1136                 &nbsp;
1137             </td>
1138         </tr>
1139
1140
1141           <tr class="method-row config-row-alt1 expandable notInherited">
1142             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1143
1144
1145             <td class="sig">
1146                 <a id="Roo.BoxComponent-method-getPosition"   name=".getPosition"></a>
1147                 <div class="fixedFont">
1148                         <span class="attributes"></span><b class="itemname">getPosition</b>
1149
1150                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
1151
1152
1153                                          :
1154
1155
1156                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
1157
1158
1159
1160
1161
1162                 </div>
1163                 <div class="mdesc">
1164
1165                    <div class="short">Gets the current XY position of the component's underlying element.</div>
1166
1167
1168
1169                     <div class="long">
1170
1171                                 Gets the current XY position of the component's underlying element.
1172
1173
1174
1175
1176
1177
1178                                 <dl class="detailList">
1179                                 <dt class="heading">Parameters:</dt>
1180
1181                                         <dt>
1182                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>local</b>
1183
1184                                         </dt>
1185                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
1186
1187                                 </dl>
1188
1189
1190
1191
1192
1193                                 <dl class="detailList">
1194                                 <dt class="heading">Returns:</dt>
1195
1196                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The XY position of the element (e.g., [100, 200])</dd>
1197
1198                                 </dl>
1199
1200
1201
1202
1203
1204
1205
1206                     </div>
1207                 </div>
1208
1209             </td>
1210             <td class="msource">
1211
1212                         Roo.BoxComponent
1213                 &nbsp;
1214             </td>
1215         </tr>
1216
1217
1218           <tr class="method-row config-row-alt0 expandable notInherited">
1219             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1220
1221
1222             <td class="sig">
1223                 <a id="Roo.BoxComponent-method-getSize"   name=".getSize"></a>
1224                 <div class="fixedFont">
1225                         <span class="attributes"></span><b class="itemname">getSize</b>
1226
1227                                  ()
1228
1229
1230                                          :
1231
1232
1233                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1234
1235
1236
1237
1238
1239                 </div>
1240                 <div class="mdesc">
1241
1242                    <div class="short">Gets the current size of the component's underlying element.</div>
1243
1244
1245
1246                     <div class="long">
1247
1248                                 Gets the current size of the component's underlying element.
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259                                 <dl class="detailList">
1260                                 <dt class="heading">Returns:</dt>
1261
1262                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  An object containing the element's size {width: (element width), height: (element height)}</dd>
1263
1264                                 </dl>
1265
1266
1267
1268
1269
1270
1271
1272                     </div>
1273                 </div>
1274
1275             </td>
1276             <td class="msource">
1277
1278                         Roo.BoxComponent
1279                 &nbsp;
1280             </td>
1281         </tr>
1282
1283
1284           <tr class="method-row config-row-alt1 expandable">
1285             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1286
1287
1288             <td class="sig">
1289                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1290                 <div class="fixedFont">
1291                         <span class="attributes"></span><b class="itemname">hasListener</b>
1292
1293                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1294
1295
1296                                          :
1297
1298
1299                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1300
1301
1302
1303
1304
1305                 </div>
1306                 <div class="mdesc">
1307
1308                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1309
1310
1311
1312                     <div class="long">
1313
1314                                 Checks to see if this object has any listeners for a specified event
1315
1316
1317
1318
1319
1320
1321                                 <dl class="detailList">
1322                                 <dt class="heading">Parameters:</dt>
1323
1324                                         <dt>
1325                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1326
1327                                         </dt>
1328                                         <dd>The name of the event to check for</dd>
1329
1330                                 </dl>
1331
1332
1333
1334
1335
1336                                 <dl class="detailList">
1337                                 <dt class="heading">Returns:</dt>
1338
1339                                         <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>
1340
1341                                 </dl>
1342
1343
1344
1345
1346
1347
1348
1349                     </div>
1350                 </div>
1351
1352             </td>
1353             <td class="msource">
1354
1355                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1356                 &nbsp;
1357             </td>
1358         </tr>
1359
1360
1361           <tr class="method-row config-row-alt0 expandable">
1362             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1363
1364
1365             <td class="sig">
1366                 <a id="Roo.Component-method-hide"   name=".hide"></a>
1367                 <div class="fixedFont">
1368                         <span class="attributes"></span><b class="itemname">hide</b>
1369
1370                                  ()
1371
1372
1373                                          :
1374
1375
1376                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1377
1378
1379
1380
1381
1382                 </div>
1383                 <div class="mdesc">
1384
1385                    <div class="short">Hide this component.</div>
1386
1387
1388
1389                     <div class="long">
1390
1391                                 Hide this component.
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402                                 <dl class="detailList">
1403                                 <dt class="heading">Returns:</dt>
1404
1405                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1406
1407                                 </dl>
1408
1409
1410
1411
1412
1413
1414
1415                     </div>
1416                 </div>
1417
1418             </td>
1419             <td class="msource">
1420
1421                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1422                 &nbsp;
1423             </td>
1424         </tr>
1425
1426
1427           <tr class="method-row config-row-alt1 expandable">
1428             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1429
1430
1431             <td class="sig">
1432                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
1433                 <div class="fixedFont">
1434                         <span class="attributes"></span><b class="itemname">isVisible</b>
1435
1436                                  ()
1437
1438
1439
1440                 </div>
1441                 <div class="mdesc">
1442
1443                    <div class="short">Returns true if this component is visible.</div>
1444
1445
1446
1447                     <div class="long">
1448
1449                                 Returns true if this component is visible.
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466                     </div>
1467                 </div>
1468
1469             </td>
1470             <td class="msource">
1471
1472                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1473                 &nbsp;
1474             </td>
1475         </tr>
1476
1477
1478           <tr class="method-row config-row-alt0 expandable">
1479             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1480
1481
1482             <td class="sig">
1483                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1484                 <div class="fixedFont">
1485                         <span class="attributes"></span><b class="itemname">on</b>
1486
1487                                  (<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>)
1488
1489
1490
1491                 </div>
1492                 <div class="mdesc">
1493
1494                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1495
1496
1497
1498                     <div class="long">
1499
1500                                 Appends an event handler to this element (shorthand for addListener)
1501
1502
1503
1504
1505
1506
1507                                 <dl class="detailList">
1508                                 <dt class="heading">Parameters:</dt>
1509
1510                                         <dt>
1511                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1512
1513                                         </dt>
1514                                         <dd>The type of event to listen for</dd>
1515
1516                                         <dt>
1517                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1518
1519                                         </dt>
1520                                         <dd>The method the event invokes</dd>
1521
1522                                         <dt>
1523                                                 <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>
1524
1525                                         </dt>
1526                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1527
1528                                         <dt>
1529                                                 <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>
1530
1531                                         </dt>
1532                                         <dd>(optional)</dd>
1533
1534                                 </dl>
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546                     </div>
1547                 </div>
1548
1549             </td>
1550             <td class="msource">
1551
1552                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1553                 &nbsp;
1554             </td>
1555         </tr>
1556
1557
1558           <tr class="method-row config-row-alt1 expandable notInherited">
1559             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1560
1561
1562             <td class="sig">
1563                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
1564                 <div class="fixedFont">
1565                         <span class="attributes"></span><b class="itemname">onPosition</b>
1566
1567                                  (<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>)
1568
1569
1570
1571                 </div>
1572                 <div class="mdesc">
1573
1574                    <div class="short">Called after the component is moved, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a move occurs.</div>
1575
1576
1577
1578                     <div class="long">
1579
1580                                 Called after the component is moved, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a move occurs.
1581
1582
1583
1584
1585
1586
1587                                 <dl class="detailList">
1588                                 <dt class="heading">Parameters:</dt>
1589
1590                                         <dt>
1591                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
1592
1593                                         </dt>
1594                                         <dd>The new x position</dd>
1595
1596                                         <dt>
1597                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
1598
1599                                         </dt>
1600                                         <dd>The new y position</dd>
1601
1602                                 </dl>
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614                     </div>
1615                 </div>
1616
1617             </td>
1618             <td class="msource">
1619
1620                         Roo.BoxComponent
1621                 &nbsp;
1622             </td>
1623         </tr>
1624
1625
1626           <tr class="method-row config-row-alt0 expandable notInherited">
1627             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1628
1629
1630             <td class="sig">
1631                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
1632                 <div class="fixedFont">
1633                         <span class="attributes"></span><b class="itemname">onResize</b>
1634
1635                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjHeight</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawHeight</i></B>)
1636
1637
1638
1639                 </div>
1640                 <div class="mdesc">
1641
1642                    <div class="short">Called after the component is resized, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a resize occurs.</div>
1643
1644
1645
1646                     <div class="long">
1647
1648                                 Called after the component is resized, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a resize occurs.
1649
1650
1651
1652
1653
1654
1655                                 <dl class="detailList">
1656                                 <dt class="heading">Parameters:</dt>
1657
1658                                         <dt>
1659                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
1660
1661                                         </dt>
1662                                         <dd>The box-adjusted width that was set</dd>
1663
1664                                         <dt>
1665                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
1666
1667                                         </dt>
1668                                         <dd>The box-adjusted height that was set</dd>
1669
1670                                         <dt>
1671                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
1672
1673                                         </dt>
1674                                         <dd>The width that was originally specified</dd>
1675
1676                                         <dt>
1677                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
1678
1679                                         </dt>
1680                                         <dd>The height that was originally specified</dd>
1681
1682                                 </dl>
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694                     </div>
1695                 </div>
1696
1697             </td>
1698             <td class="msource">
1699
1700                         Roo.BoxComponent
1701                 &nbsp;
1702             </td>
1703         </tr>
1704
1705
1706           <tr class="method-row config-row-alt1 expandable">
1707             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1708
1709
1710             <td class="sig">
1711                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1712                 <div class="fixedFont">
1713                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1714
1715                                  ()
1716
1717
1718
1719                 </div>
1720                 <div class="mdesc">
1721
1722                    <div class="short">Removes all listeners for this object</div>
1723
1724
1725
1726                     <div class="long">
1727
1728                                 Removes all listeners for this object
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745                     </div>
1746                 </div>
1747
1748             </td>
1749             <td class="msource">
1750
1751                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1752                 &nbsp;
1753             </td>
1754         </tr>
1755
1756
1757           <tr class="method-row config-row-alt0 expandable">
1758             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1759
1760
1761             <td class="sig">
1762                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1763                 <div class="fixedFont">
1764                         <span class="attributes"></span><b class="itemname">removeListener</b>
1765
1766                                  (<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>)
1767
1768
1769
1770                 </div>
1771                 <div class="mdesc">
1772
1773                    <div class="short">Removes a listener</div>
1774
1775
1776
1777                     <div class="long">
1778
1779                                 Removes a listener
1780
1781
1782
1783
1784
1785
1786                                 <dl class="detailList">
1787                                 <dt class="heading">Parameters:</dt>
1788
1789                                         <dt>
1790                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1791
1792                                         </dt>
1793                                         <dd>The type of event to listen for</dd>
1794
1795                                         <dt>
1796                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1797
1798                                         </dt>
1799                                         <dd>The handler to remove</dd>
1800
1801                                         <dt>
1802                                                 <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>
1803
1804                                         </dt>
1805                                         <dd>(optional) The scope (this object) for the handler</dd>
1806
1807                                 </dl>
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819                     </div>
1820                 </div>
1821
1822             </td>
1823             <td class="msource">
1824
1825                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1826                 &nbsp;
1827             </td>
1828         </tr>
1829
1830
1831           <tr class="method-row config-row-alt1 expandable">
1832             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1833
1834
1835             <td class="sig">
1836                 <a id="Roo.Component-method-render"   name=".render"></a>
1837                 <div class="fixedFont">
1838                         <span class="attributes"></span><b class="itemname">render</b>
1839
1840                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
1841
1842
1843
1844                 </div>
1845                 <div class="mdesc">
1846
1847                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
1848
1849
1850
1851                     <div class="long">
1852
1853                                 If this is a lazy rendering component, render it to its container element.
1854
1855
1856
1857
1858
1859
1860                                 <dl class="detailList">
1861                                 <dt class="heading">Parameters:</dt>
1862
1863                                         <dt>
1864                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
1865
1866                                         </dt>
1867                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
1868
1869                                 </dl>
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881                     </div>
1882                 </div>
1883
1884             </td>
1885             <td class="msource">
1886
1887                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1888                 &nbsp;
1889             </td>
1890         </tr>
1891
1892
1893           <tr class="method-row config-row-alt0 expandable">
1894             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1895
1896
1897             <td class="sig">
1898                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
1899                 <div class="fixedFont">
1900                         <span class="attributes"></span><b class="itemname">setDisabled</b>
1901
1902                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
1903
1904
1905
1906                 </div>
1907                 <div class="mdesc">
1908
1909                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
1910
1911
1912
1913                     <div class="long">
1914
1915                                 Convenience function for setting disabled/enabled by boolean.
1916
1917
1918
1919
1920
1921
1922                                 <dl class="detailList">
1923                                 <dt class="heading">Parameters:</dt>
1924
1925                                         <dt>
1926                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>disabled</b>
1927
1928                                         </dt>
1929                                         <dd></dd>
1930
1931                                 </dl>
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943                     </div>
1944                 </div>
1945
1946             </td>
1947             <td class="msource">
1948
1949                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1950                 &nbsp;
1951             </td>
1952         </tr>
1953
1954
1955           <tr class="method-row config-row-alt1 expandable notInherited">
1956             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1957
1958
1959             <td class="sig">
1960                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
1961                 <div class="fixedFont">
1962                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
1963
1964                                  (<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>)
1965
1966
1967
1968                 </div>
1969                 <div class="mdesc">
1970
1971                    <div class="short">Sets the page XY position of the component.</div>
1972
1973
1974
1975                     <div class="long">
1976
1977                                 Sets the page XY position of the component.  To set the left and top instead, use {<b>link</b> <b>setPosition</b>}.<br/>This method fires the move event.
1978
1979
1980
1981
1982
1983
1984                                 <dl class="detailList">
1985                                 <dt class="heading">Parameters:</dt>
1986
1987                                         <dt>
1988                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
1989
1990                                         </dt>
1991                                         <dd>The new x position</dd>
1992
1993                                         <dt>
1994                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
1995
1996                                         </dt>
1997                                         <dd>The new y position</dd>
1998
1999                                 </dl>
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011                     </div>
2012                 </div>
2013
2014             </td>
2015             <td class="msource">
2016
2017                         Roo.BoxComponent
2018                 &nbsp;
2019             </td>
2020         </tr>
2021
2022
2023           <tr class="method-row config-row-alt0 expandable notInherited">
2024             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2025
2026
2027             <td class="sig">
2028                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
2029                 <div class="fixedFont">
2030                         <span class="attributes"></span><b class="itemname">setPosition</b>
2031
2032                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>left</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>top</i></B>)
2033
2034
2035
2036                 </div>
2037                 <div class="mdesc">
2038
2039                    <div class="short">Sets the left and top of the component.</div>
2040
2041
2042
2043                     <div class="long">
2044
2045                                 Sets the left and top of the component.  To set the page XY position instead, use {<b>link</b> <b>setPagePosition</b>}.<br/>This method fires the move event.
2046
2047
2048
2049
2050
2051
2052                                 <dl class="detailList">
2053                                 <dt class="heading">Parameters:</dt>
2054
2055                                         <dt>
2056                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
2057
2058                                         </dt>
2059                                         <dd>The new left</dd>
2060
2061                                         <dt>
2062                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
2063
2064                                         </dt>
2065                                         <dd>The new top</dd>
2066
2067                                 </dl>
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077
2078
2079                     </div>
2080                 </div>
2081
2082             </td>
2083             <td class="msource">
2084
2085                         Roo.BoxComponent
2086                 &nbsp;
2087             </td>
2088         </tr>
2089
2090
2091           <tr class="method-row config-row-alt1 expandable notInherited">
2092             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2093
2094
2095             <td class="sig">
2096                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
2097                 <div class="fixedFont">
2098                         <span class="attributes"></span><b class="itemname">setSize</b>
2099
2100                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>)
2101
2102
2103                                          :
2104
2105
2106                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2107
2108
2109
2110
2111
2112                 </div>
2113                 <div class="mdesc">
2114
2115                    <div class="short">Sets the width and height of the component.</div>
2116
2117
2118
2119                     <div class="long">
2120
2121                                 Sets the width and height of the component.  This method fires the resize event.  This method can accept<br/>either width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.
2122
2123
2124
2125
2126
2127
2128                                 <dl class="detailList">
2129                                 <dt class="heading">Parameters:</dt>
2130
2131                                         <dt>
2132                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
2133
2134                                         </dt>
2135                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
2136
2137                                         <dt>
2138                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
2139
2140                                         </dt>
2141                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
2142
2143                                 </dl>
2144
2145
2146
2147
2148
2149                                 <dl class="detailList">
2150                                 <dt class="heading">Returns:</dt>
2151
2152                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
2153
2154                                 </dl>
2155
2156
2157
2158
2159
2160
2161
2162                     </div>
2163                 </div>
2164
2165             </td>
2166             <td class="msource">
2167
2168                         Roo.BoxComponent
2169                 &nbsp;
2170             </td>
2171         </tr>
2172
2173
2174           <tr class="method-row config-row-alt0 expandable">
2175             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2176
2177
2178             <td class="sig">
2179                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
2180                 <div class="fixedFont">
2181                         <span class="attributes"></span><b class="itemname">setVisible</b>
2182
2183                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2184
2185
2186                                          :
2187
2188
2189                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2190
2191
2192
2193
2194
2195                 </div>
2196                 <div class="mdesc">
2197
2198                    <div class="short">Convenience function to hide or show this component by boolean.</div>
2199
2200
2201
2202                     <div class="long">
2203
2204                                 Convenience function to hide or show this component by boolean.
2205
2206
2207
2208
2209
2210
2211                                 <dl class="detailList">
2212                                 <dt class="heading">Parameters:</dt>
2213
2214                                         <dt>
2215                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>visible</b>
2216
2217                                         </dt>
2218                                         <dd>True to show, false to hide</dd>
2219
2220                                 </dl>
2221
2222
2223
2224
2225
2226                                 <dl class="detailList">
2227                                 <dt class="heading">Returns:</dt>
2228
2229                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2230
2231                                 </dl>
2232
2233
2234
2235
2236
2237
2238
2239                     </div>
2240                 </div>
2241
2242             </td>
2243             <td class="msource">
2244
2245                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2246                 &nbsp;
2247             </td>
2248         </tr>
2249
2250
2251           <tr class="method-row config-row-alt1 expandable">
2252             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2253
2254
2255             <td class="sig">
2256                 <a id="Roo.Component-method-show"   name=".show"></a>
2257                 <div class="fixedFont">
2258                         <span class="attributes"></span><b class="itemname">show</b>
2259
2260                                  ()
2261
2262
2263                                          :
2264
2265
2266                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2267
2268
2269
2270
2271
2272                 </div>
2273                 <div class="mdesc">
2274
2275                    <div class="short">Show this component.</div>
2276
2277
2278
2279                     <div class="long">
2280
2281                                 Show this component.
2282
2283
2284
2285
2286
2287
2288
2289
2290
2291
2292                                 <dl class="detailList">
2293                                 <dt class="heading">Returns:</dt>
2294
2295                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2296
2297                                 </dl>
2298
2299
2300
2301
2302
2303
2304
2305                     </div>
2306                 </div>
2307
2308             </td>
2309             <td class="msource">
2310
2311                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2312                 &nbsp;
2313             </td>
2314         </tr>
2315
2316
2317           <tr class="method-row config-row-alt0 expandable notInherited">
2318             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2319
2320
2321             <td class="sig">
2322                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
2323                 <div class="fixedFont">
2324                         <span class="attributes"></span><b class="itemname">syncSize</b>
2325
2326                                  ()
2327
2328
2329
2330                 </div>
2331                 <div class="mdesc">
2332
2333                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
2334
2335
2336
2337                     <div class="long">
2338
2339                                 Force the component's size to recalculate based on the underlying element's current height and width.
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356                     </div>
2357                 </div>
2358
2359             </td>
2360             <td class="msource">
2361
2362                         Roo.BoxComponent
2363                 &nbsp;
2364             </td>
2365         </tr>
2366
2367
2368           <tr class="method-row config-row-alt1 expandable">
2369             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2370
2371
2372             <td class="sig">
2373                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
2374                 <div class="fixedFont">
2375                         <span class="attributes"></span><b class="itemname">un</b>
2376
2377                                  (<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>)
2378
2379
2380
2381                 </div>
2382                 <div class="mdesc">
2383
2384                    <div class="short">Removes a listener (shorthand for removeListener)</div>
2385
2386
2387
2388                     <div class="long">
2389
2390                                 Removes a listener (shorthand for removeListener)
2391
2392
2393
2394
2395
2396
2397                                 <dl class="detailList">
2398                                 <dt class="heading">Parameters:</dt>
2399
2400                                         <dt>
2401                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2402
2403                                         </dt>
2404                                         <dd>The type of event to listen for</dd>
2405
2406                                         <dt>
2407                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2408
2409                                         </dt>
2410                                         <dd>The handler to remove</dd>
2411
2412                                         <dt>
2413                                                 <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>
2414
2415                                         </dt>
2416                                         <dd>(optional) The scope (this object) for the handler</dd>
2417
2418                                 </dl>
2419
2420
2421
2422
2423
2424
2425
2426
2427
2428
2429
2430                     </div>
2431                 </div>
2432
2433             </td>
2434             <td class="msource">
2435
2436                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2437                 &nbsp;
2438             </td>
2439         </tr>
2440
2441
2442           <tr class="method-row config-row-alt0 expandable notInherited">
2443             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2444
2445
2446             <td class="sig">
2447                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
2448                 <div class="fixedFont">
2449                         <span class="attributes"></span><b class="itemname">updateBox</b>
2450
2451                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
2452
2453
2454
2455                 </div>
2456                 <div class="mdesc">
2457
2458                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
2459
2460
2461
2462                     <div class="long">
2463
2464                                 Sets the current box measurements of the component's underlying element.
2465
2466
2467
2468
2469
2470
2471                                 <dl class="detailList">
2472                                 <dt class="heading">Parameters:</dt>
2473
2474                                         <dt>
2475                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>box</b>
2476
2477                                         </dt>
2478                                         <dd>An object in the format {x, y, width, height}</dd>
2479
2480                                 </dl>
2481
2482
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492                     </div>
2493                 </div>
2494
2495             </td>
2496             <td class="msource">
2497
2498                         Roo.BoxComponent
2499                 &nbsp;
2500             </td>
2501         </tr>
2502
2503
2504     </table>
2505
2506
2507   <!-- ============================== events summary / details ======================== -->
2508
2509
2510   <a id="Roo.BoxComponent-events"></a>
2511
2512
2513
2514
2515
2516
2517
2518
2519       <table cellspacing="0" class="member-table">
2520                 <caption>Events</caption>
2521               <thead>
2522                 <tr>
2523                     <th class="sig-header" colspan="2">Event</th>
2524                     <th class="msource-header">Defined By</th>
2525
2526                 </tr>
2527               </thead>
2528
2529
2530
2531
2532
2533           <tr class="method-row expandable config-row-alt0">
2534             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2535
2536             <td class="sig">
2537                 <a id="Roo.Component-event-*beforedestroy"></a>
2538
2539                <div class="fixedFont">
2540                 <b class="itemname">beforedestroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2541
2542                 </div>
2543
2544                 <div class="mdesc">
2545
2546                    <div class="short">Fires before the component is destroyed.
2547
2548                 </div>
2549
2550                     <div class="long">
2551
2552                         Fires before the component is destroyed. Return false to stop the destroy.
2553
2554
2555
2556
2557
2558                                 <dl class="detailList">
2559                                 <dt class="heading">Parameters:</dt>
2560
2561                                         <dt>
2562                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2563
2564                                         </dt>
2565                                         <dd></dd>
2566
2567                                 </dl>
2568
2569
2570
2571
2572
2573
2574
2575
2576
2577
2578
2579                     </div>
2580                 </div>
2581
2582             </td>
2583             <td class="msource">
2584                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2585             </td>
2586         </tr>
2587
2588           <tr class="method-row expandable config-row-alt1">
2589             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2590
2591             <td class="sig">
2592                 <a id="Roo.Component-event-*beforehide"></a>
2593
2594                <div class="fixedFont">
2595                 <b class="itemname">beforehide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2596
2597                 </div>
2598
2599                 <div class="mdesc">
2600
2601                    <div class="short">Fires before the component is hidden.
2602
2603                 </div>
2604
2605                     <div class="long">
2606
2607                         Fires before the component is hidden. Return false to stop the hide.
2608
2609
2610
2611
2612
2613                                 <dl class="detailList">
2614                                 <dt class="heading">Parameters:</dt>
2615
2616                                         <dt>
2617                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2618
2619                                         </dt>
2620                                         <dd></dd>
2621
2622                                 </dl>
2623
2624
2625
2626
2627
2628
2629
2630
2631
2632
2633
2634                     </div>
2635                 </div>
2636
2637             </td>
2638             <td class="msource">
2639                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2640             </td>
2641         </tr>
2642
2643           <tr class="method-row expandable config-row-alt0">
2644             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2645
2646             <td class="sig">
2647                 <a id="Roo.Component-event-*beforerender"></a>
2648
2649                <div class="fixedFont">
2650                 <b class="itemname">beforerender</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2651
2652                 </div>
2653
2654                 <div class="mdesc">
2655
2656                    <div class="short">Fires before the component is rendered.
2657
2658                 </div>
2659
2660                     <div class="long">
2661
2662                         Fires before the component is rendered. Return false to stop the render.
2663
2664
2665
2666
2667
2668                                 <dl class="detailList">
2669                                 <dt class="heading">Parameters:</dt>
2670
2671                                         <dt>
2672                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2673
2674                                         </dt>
2675                                         <dd></dd>
2676
2677                                 </dl>
2678
2679
2680
2681
2682
2683
2684
2685
2686
2687
2688
2689                     </div>
2690                 </div>
2691
2692             </td>
2693             <td class="msource">
2694                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2695             </td>
2696         </tr>
2697
2698           <tr class="method-row expandable config-row-alt1">
2699             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2700
2701             <td class="sig">
2702                 <a id="Roo.Component-event-*beforeshow"></a>
2703
2704                <div class="fixedFont">
2705                 <b class="itemname">beforeshow</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2706
2707                 </div>
2708
2709                 <div class="mdesc">
2710
2711                    <div class="short">Fires before the component is shown.
2712
2713                 </div>
2714
2715                     <div class="long">
2716
2717                         Fires before the component is shown.  Return false to stop the show.
2718
2719
2720
2721
2722
2723                                 <dl class="detailList">
2724                                 <dt class="heading">Parameters:</dt>
2725
2726                                         <dt>
2727                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2728
2729                                         </dt>
2730                                         <dd></dd>
2731
2732                                 </dl>
2733
2734
2735
2736
2737
2738
2739
2740
2741
2742
2743
2744                     </div>
2745                 </div>
2746
2747             </td>
2748             <td class="msource">
2749                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2750             </td>
2751         </tr>
2752
2753           <tr class="method-row expandable config-row-alt0">
2754             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2755
2756             <td class="sig">
2757                 <a id="Roo.Component-event-*destroy"></a>
2758
2759                <div class="fixedFont">
2760                 <b class="itemname">destroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2761
2762                 </div>
2763
2764                 <div class="mdesc">
2765
2766                    <div class="short">Fires after the component is destroyed.
2767
2768                 </div>
2769
2770                     <div class="long">
2771
2772                         Fires after the component is destroyed.
2773
2774
2775
2776
2777
2778                                 <dl class="detailList">
2779                                 <dt class="heading">Parameters:</dt>
2780
2781                                         <dt>
2782                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2783
2784                                         </dt>
2785                                         <dd></dd>
2786
2787                                 </dl>
2788
2789
2790
2791
2792
2793
2794
2795
2796
2797
2798
2799                     </div>
2800                 </div>
2801
2802             </td>
2803             <td class="msource">
2804                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2805             </td>
2806         </tr>
2807
2808           <tr class="method-row expandable config-row-alt1">
2809             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2810
2811             <td class="sig">
2812                 <a id="Roo.Component-event-*disable"></a>
2813
2814                <div class="fixedFont">
2815                 <b class="itemname">disable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2816
2817                 </div>
2818
2819                 <div class="mdesc">
2820
2821                    <div class="short">Fires after the component is disabled.
2822
2823                 </div>
2824
2825                     <div class="long">
2826
2827                         Fires after the component is disabled.
2828
2829
2830
2831
2832
2833                                 <dl class="detailList">
2834                                 <dt class="heading">Parameters:</dt>
2835
2836                                         <dt>
2837                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2838
2839                                         </dt>
2840                                         <dd></dd>
2841
2842                                 </dl>
2843
2844
2845
2846
2847
2848
2849
2850
2851
2852
2853
2854                     </div>
2855                 </div>
2856
2857             </td>
2858             <td class="msource">
2859                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2860             </td>
2861         </tr>
2862
2863           <tr class="method-row expandable config-row-alt0">
2864             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2865
2866             <td class="sig">
2867                 <a id="Roo.Component-event-*enable"></a>
2868
2869                <div class="fixedFont">
2870                 <b class="itemname">enable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2871
2872                 </div>
2873
2874                 <div class="mdesc">
2875
2876                    <div class="short">Fires after the component is enabled.
2877
2878                 </div>
2879
2880                     <div class="long">
2881
2882                         Fires after the component is enabled.
2883
2884
2885
2886
2887
2888                                 <dl class="detailList">
2889                                 <dt class="heading">Parameters:</dt>
2890
2891                                         <dt>
2892                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2893
2894                                         </dt>
2895                                         <dd></dd>
2896
2897                                 </dl>
2898
2899
2900
2901
2902
2903
2904
2905
2906
2907
2908
2909                     </div>
2910                 </div>
2911
2912             </td>
2913             <td class="msource">
2914                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2915             </td>
2916         </tr>
2917
2918           <tr class="method-row expandable config-row-alt1">
2919             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2920
2921             <td class="sig">
2922                 <a id="Roo.Component-event-*hide"></a>
2923
2924                <div class="fixedFont">
2925                 <b class="itemname">hide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2926
2927                 </div>
2928
2929                 <div class="mdesc">
2930
2931                    <div class="short">Fires after the component is hidden.
2932
2933                 </div>
2934
2935                     <div class="long">
2936
2937                         Fires after the component is hidden.
2938
2939
2940
2941
2942
2943                                 <dl class="detailList">
2944                                 <dt class="heading">Parameters:</dt>
2945
2946                                         <dt>
2947                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2948
2949                                         </dt>
2950                                         <dd></dd>
2951
2952                                 </dl>
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964                     </div>
2965                 </div>
2966
2967             </td>
2968             <td class="msource">
2969                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2970             </td>
2971         </tr>
2972
2973           <tr class="method-row expandable config-row-alt0 notInherited">
2974             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2975
2976             <td class="sig">
2977                 <a id="Roo.BoxComponent-event-*move"></a>
2978
2979                <div class="fixedFont">
2980                 <b class="itemname">move</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</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>)
2981
2982                 </div>
2983
2984                 <div class="mdesc">
2985
2986                    <div class="short">Fires after the component is moved.
2987
2988                 </div>
2989
2990                     <div class="long">
2991
2992                         Fires after the component is moved.
2993
2994
2995
2996
2997
2998                                 <dl class="detailList">
2999                                 <dt class="heading">Parameters:</dt>
3000
3001                                         <dt>
3002                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3003
3004                                         </dt>
3005                                         <dd></dd>
3006
3007                                         <dt>
3008                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3009
3010                                         </dt>
3011                                         <dd>The new x position</dd>
3012
3013                                         <dt>
3014                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3015
3016                                         </dt>
3017                                         <dd>The new y position</dd>
3018
3019                                 </dl>
3020
3021
3022
3023
3024
3025
3026
3027
3028
3029
3030
3031                     </div>
3032                 </div>
3033
3034             </td>
3035             <td class="msource">
3036                 Roo.BoxComponent
3037             </td>
3038         </tr>
3039
3040           <tr class="method-row expandable config-row-alt1">
3041             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3042
3043             <td class="sig">
3044                 <a id="Roo.Component-event-*render"></a>
3045
3046                <div class="fixedFont">
3047                 <b class="itemname">render</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3048
3049                 </div>
3050
3051                 <div class="mdesc">
3052
3053                    <div class="short">Fires after the component is rendered.
3054
3055                 </div>
3056
3057                     <div class="long">
3058
3059                         Fires after the component is rendered.
3060
3061
3062
3063
3064
3065                                 <dl class="detailList">
3066                                 <dt class="heading">Parameters:</dt>
3067
3068                                         <dt>
3069                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3070
3071                                         </dt>
3072                                         <dd></dd>
3073
3074                                 </dl>
3075
3076
3077
3078
3079
3080
3081
3082
3083
3084
3085
3086                     </div>
3087                 </div>
3088
3089             </td>
3090             <td class="msource">
3091                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3092             </td>
3093         </tr>
3094
3095           <tr class="method-row expandable config-row-alt0 notInherited">
3096             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3097
3098             <td class="sig">
3099                 <a id="Roo.BoxComponent-event-*resize"></a>
3100
3101                <div class="fixedFont">
3102                 <b class="itemname">resize</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjHeight</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawHeight</i></B>)
3103
3104                 </div>
3105
3106                 <div class="mdesc">
3107
3108                    <div class="short">Fires after the component is resized.
3109
3110                 </div>
3111
3112                     <div class="long">
3113
3114                         Fires after the component is resized.
3115
3116
3117
3118
3119
3120                                 <dl class="detailList">
3121                                 <dt class="heading">Parameters:</dt>
3122
3123                                         <dt>
3124                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3125
3126                                         </dt>
3127                                         <dd></dd>
3128
3129                                         <dt>
3130                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
3131
3132                                         </dt>
3133                                         <dd>The box-adjusted width that was set</dd>
3134
3135                                         <dt>
3136                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
3137
3138                                         </dt>
3139                                         <dd>The box-adjusted height that was set</dd>
3140
3141                                         <dt>
3142                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
3143
3144                                         </dt>
3145                                         <dd>The width that was originally specified</dd>
3146
3147                                         <dt>
3148                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
3149
3150                                         </dt>
3151                                         <dd>The height that was originally specified</dd>
3152
3153                                 </dl>
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165                     </div>
3166                 </div>
3167
3168             </td>
3169             <td class="msource">
3170                 Roo.BoxComponent
3171             </td>
3172         </tr>
3173
3174           <tr class="method-row expandable config-row-alt1">
3175             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3176
3177             <td class="sig">
3178                 <a id="Roo.Component-event-*show"></a>
3179
3180                <div class="fixedFont">
3181                 <b class="itemname">show</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3182
3183                 </div>
3184
3185                 <div class="mdesc">
3186
3187                    <div class="short">Fires after the component is shown.
3188
3189                 </div>
3190
3191                     <div class="long">
3192
3193                         Fires after the component is shown.
3194
3195
3196
3197
3198
3199                                 <dl class="detailList">
3200                                 <dt class="heading">Parameters:</dt>
3201
3202                                         <dt>
3203                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3204
3205                                         </dt>
3206                                         <dd></dd>
3207
3208                                 </dl>
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220                     </div>
3221                 </div>
3222
3223             </td>
3224             <td class="msource">
3225                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3226             </td>
3227         </tr>
3228
3229
3230     </table>
3231
3232
3233
3234
3235
3236 <!-- ============================== footer ================================= -->
3237                 <div class="fineprint" style="clear:both">
3238
3239                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Tue Jul 27 2010 11:05:06 GMT+0800 (HKT)
3240                         Based on
3241                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
3242                 </div>
3243         </body>
3244 </html>