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