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