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