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