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