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