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