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