git.roojs.org Git - roojs1/blob - docs/symbols/Roo.bootstrap.TabGroup.html

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