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