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