1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.bootstrap.Component</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
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>
43 <!-- ============================== inheritance Block. ================================= -->
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
53 <!-- ============================== class title / details ============================ -->
56 <h1 class="classTitle">
58 Class Roo.bootstrap.Component
61 <table cellspacing="0" class="class-summary-table">
63 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
65 <tr><td class="label">Defined In:</td><td class="hd-info">
67 <a href="./src/Roo_bootstrap_Component.js.html">Roo/bootstrap/Component.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">Component</td></tr>
73 <tr><td class="label">Subclasses:</td><td class="hd-info">
74 <a href="./Roo.bootstrap.Alert.html#constructor" roo:cls="Roo.bootstrap.Alert.html#constructor">Roo.bootstrap.Alert</a>, <a href="./Roo.bootstrap.Body.html#constructor" roo:cls="Roo.bootstrap.Body.html#constructor">Roo.bootstrap.Body</a>, <a href="./Roo.bootstrap.Brick.html#constructor" roo:cls="Roo.bootstrap.Brick.html#constructor">Roo.bootstrap.Brick</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.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.DateSplitField.html#constructor" roo:cls="Roo.bootstrap.DateSplitField.html#constructor">Roo.bootstrap.DateSplitField</a>, <a href="./Roo.bootstrap.DocumentManager.html#constructor" roo:cls="Roo.bootstrap.DocumentManager.html#constructor">Roo.bootstrap.DocumentManager</a>, <a href="./Roo.bootstrap.DocumentSlider.html#constructor" roo:cls="Roo.bootstrap.DocumentSlider.html#constructor">Roo.bootstrap.DocumentSlider</a>, <a href="./Roo.bootstrap.DocumentViewer.html#constructor" roo:cls="Roo.bootstrap.DocumentViewer.html#constructor">Roo.bootstrap.DocumentViewer</a>, <a href="./Roo.bootstrap.Element.html#constructor" roo:cls="Roo.bootstrap.Element.html#constructor">Roo.bootstrap.Element</a>, <a href="./Roo.bootstrap.FieldLabel.html#constructor" roo:cls="Roo.bootstrap.FieldLabel.html#constructor">Roo.bootstrap.FieldLabel</a>, <a href="./Roo.bootstrap.Form.html#constructor" roo:cls="Roo.bootstrap.Form.html#constructor">Roo.bootstrap.Form</a>, <a href="./Roo.bootstrap.Graph.html#constructor" roo:cls="Roo.bootstrap.Graph.html#constructor">Roo.bootstrap.Graph</a>, <a href="./Roo.bootstrap.Header.html#constructor" roo:cls="Roo.bootstrap.Header.html#constructor">Roo.bootstrap.Header</a>, <a href="./Roo.bootstrap.HtmlEditor.html#constructor" roo:cls="Roo.bootstrap.HtmlEditor.html#constructor">Roo.bootstrap.HtmlEditor</a>, <a href="./Roo.bootstrap.Img.html#constructor" roo:cls="Roo.bootstrap.Img.html#constructor">Roo.bootstrap.Img</a>, <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>, <a href="./Roo.bootstrap.LayoutMasonry.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonry.html#constructor">Roo.bootstrap.LayoutMasonry</a>, <a href="./Roo.bootstrap.LayoutMasonryAuto.html#constructor" roo:cls="Roo.bootstrap.LayoutMasonryAuto.html#constructor">Roo.bootstrap.LayoutMasonryAuto</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.MasonryBrick.html#constructor" roo:cls="Roo.bootstrap.MasonryBrick.html#constructor">Roo.bootstrap.MasonryBrick</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.MoneyField.html#constructor" roo:cls="Roo.bootstrap.MoneyField.html#constructor">Roo.bootstrap.MoneyField</a>, <a href="./Roo.bootstrap.MonthField.html#constructor" roo:cls="Roo.bootstrap.MonthField.html#constructor">Roo.bootstrap.MonthField</a>, <a href="./Roo.bootstrap.NavGroup.html#constructor" roo:cls="Roo.bootstrap.NavGroup.html#constructor">Roo.bootstrap.NavGroup</a>, <a href="./Roo.bootstrap.NavHeaderbar.html#constructor" roo:cls="Roo.bootstrap.NavHeaderbar.html#constructor">Roo.bootstrap.NavHeaderbar</a>, <a href="./Roo.bootstrap.NavItem.html#constructor" roo:cls="Roo.bootstrap.NavItem.html#constructor">Roo.bootstrap.NavItem</a>, <a href="./Roo.bootstrap.NavProgressBar.html#constructor" roo:cls="Roo.bootstrap.NavProgressBar.html#constructor">Roo.bootstrap.NavProgressBar</a>, <a href="./Roo.bootstrap.NavProgressItem.html#constructor" roo:cls="Roo.bootstrap.NavProgressItem.html#constructor">Roo.bootstrap.NavProgressItem</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.NumberField.html#constructor" roo:cls="Roo.bootstrap.NumberField.html#constructor">Roo.bootstrap.NumberField</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.PagingToolbar.html#constructor" roo:cls="Roo.bootstrap.PagingToolbar.html#constructor">Roo.bootstrap.PagingToolbar</a>, <a href="./Roo.bootstrap.PhoneInput.html#constructor" roo:cls="Roo.bootstrap.PhoneInput.html#constructor">Roo.bootstrap.PhoneInput</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.RadioSet.html#constructor" roo:cls="Roo.bootstrap.RadioSet.html#constructor">Roo.bootstrap.RadioSet</a>, <a href="./Roo.bootstrap.Row.html#constructor" roo:cls="Roo.bootstrap.Row.html#constructor">Roo.bootstrap.Row</a>, <a href="./Roo.bootstrap.SecurePass.html#constructor" roo:cls="Roo.bootstrap.SecurePass.html#constructor">Roo.bootstrap.SecurePass</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.UploadCropbox.html#constructor" roo:cls="Roo.bootstrap.UploadCropbox.html#constructor">Roo.bootstrap.UploadCropbox</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.layout.Border.html#constructor" roo:cls="Roo.bootstrap.layout.Border.html#constructor">Roo.bootstrap.layout.Border</a>, <a href="./Roo.bootstrap.layout.Manager.html#constructor" roo:cls="Roo.bootstrap.layout.Manager.html#constructor">Roo.bootstrap.layout.Manager</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.doc.Book.html#constructor" roo:cls="Roo.doc.Book.html#constructor">Roo.doc.Book</a>, <a href="./Roo.doc.Entry.html#constructor" roo:cls="Roo.doc.Entry.html#constructor">Roo.doc.Entry</a>, <a href="./Roo.doc.Example.html#constructor" roo:cls="Roo.doc.Example.html#constructor">Roo.doc.Example</a>, <a href="./Roo.doc.NavCategory.html#constructor" roo:cls="Roo.doc.NavCategory.html#constructor">Roo.doc.NavCategory</a>, <a href="./Roo.doc.Para.html#constructor" roo:cls="Roo.doc.Para.html#constructor">Roo.doc.Para</a>, <a href="./Roo.doc.Param.html#constructor" roo:cls="Roo.doc.Param.html#constructor">Roo.doc.Param</a>, <a href="./Roo.doc.Section.html#constructor" roo:cls="Roo.doc.Section.html#constructor">Roo.doc.Section</a>, <a href="./Roo.doc.Synopsis.html#constructor" roo:cls="Roo.doc.Synopsis.html#constructor">Roo.doc.Synopsis</a>, <a href="./Roo.mailer.Block.html#constructor" roo:cls="Roo.mailer.Block.html#constructor">Roo.mailer.Block</a>, <a href="./Roo.mailer.Body.html#constructor" roo:cls="Roo.mailer.Body.html#constructor">Roo.mailer.Body</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>
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>
91 <!-- ============================== class summary ========================== -->
92 <div class="description">
93 Bootstrap Component base class
97 <!-- ============================== Class comment block... ========================== -->
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>
103 <iframe frameborder="0" id="comments-Roo.bootstrap" style="border: none;width:100%;"
104 src="/blog.php/GtkDjsComments/Roo.bootstrap.Component.html"></iframe>
109 <!-- ============================== config options ========================== -->
114 <div class="hr"></div>
115 <a id="Roo.bootstrap.Component-configs"></a>
121 <table cellspacing="0" class="member-table">
122 <caption>Config Options (Usually are also Properties)</caption>
126 <th class="sig-header" colspan="2">Options</th>
128 <th class="msource-header">Defined By</th>
135 <tr class="config-row expandable config-row-alt0">
136 <td class="micon"><a class="exi" href="#expand"> </a></td>
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>
147 <div class="short">which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'</div>
152 which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'
162 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
168 <tr class="config-row expandable config-row-alt1">
169 <td class="micon"><a class="exi" href="#expand"> </a></td>
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>
180 <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
185 Whether the component can move the Dom node when rendering (defaults to true).
195 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
201 <tr class="config-row expandable config-row-alt0 notInherited">
202 <td class="micon"><a class="exi" href="#expand"> </a></td>
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>
213 <div class="short">True if element can be rebuild from a HTML page</div>
218 True if element can be rebuild from a HTML page
228 Roo.bootstrap.Component
234 <tr class="config-row expandable config-row-alt1 notInherited">
235 <td class="micon"><a class="exi" href="#expand"> </a></td>
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>
246 <div class="short">css class</div>
261 Roo.bootstrap.Component
267 <tr class="config-row expandable config-row-alt0 notInherited">
268 <td class="micon"><a class="exi" href="#expand"> </a></td>
271 <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
272 <div class="fixedFont">
273 <b class="itemname">container_method</b> : string
279 <div class="short">method to fetch parents container element (used by NavHeaderbar - getHeaderChildContainer)</div>
284 method to fetch parents container element (used by NavHeaderbar - getHeaderChildContainer)
294 Roo.bootstrap.Component
300 <tr class="config-row expandable config-row-alt1 notInherited">
301 <td class="micon"><a class="exi" href="#expand"> </a></td>
304 <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
305 <div class="fixedFont">
306 <b class="itemname">dataId</b> : string
312 <div class="short">cutomer id</div>
327 Roo.bootstrap.Component
333 <tr class="config-row expandable config-row-alt0">
334 <td class="micon"><a class="exi" href="#expand"> </a></td>
337 <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
338 <div class="fixedFont">
339 <b class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
345 <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
350 CSS class added to the component when it is disabled (defaults to "x-item-disabled").
360 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
366 <tr class="config-row expandable config-row-alt1">
367 <td class="micon"><a class="exi" href="#expand"> </a></td>
370 <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
371 <div class="fixedFont">
372 <b class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
378 <div class="short">How this component should hidden.</div>
383 How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
384 <BR/>Possible Values: display, visibility
393 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
399 <tr class="config-row expandable config-row-alt0">
400 <td class="micon"><a class="exi" href="#expand"> </a></td>
403 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
404 <div class="fixedFont">
405 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
411 <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> .</div>
416 list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> ..... <br/> } ,<br/> .... <br/> } <br/> </code></pre>
426 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
432 <tr class="config-row expandable config-row-alt1 notInherited">
433 <td class="micon"><a class="exi" href="#expand"> </a></td>
436 <a id="Roo.bootstrap.Component-cfg-name" name=".name"></a>
437 <div class="fixedFont">
438 <b class="itemname">name</b> : string
444 <div class="short">Specifies name attribute</div>
449 Specifies name attribute
459 Roo.bootstrap.Component
465 <tr class="config-row expandable config-row-alt0 notInherited">
466 <td class="micon"><a class="exi" href="#expand"> </a></td>
469 <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
470 <div class="fixedFont">
471 <b class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
477 <div class="short">any extra css</div>
492 Roo.bootstrap.Component
498 <tr class="config-row expandable config-row-alt1 notInherited">
499 <td class="micon"><a class="exi" href="#expand"> </a></td>
502 <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
503 <div class="fixedFont">
504 <b class="itemname">tooltip</b> : string
510 <div class="short">Text for the tooltip</div>
525 Roo.bootstrap.Component
531 <tr class="config-row expandable config-row-alt0 notInherited">
532 <td class="micon"><a class="exi" href="#expand"> </a></td>
535 <a id="Roo.bootstrap.Component-cfg-visibilityEl" name=".visibilityEl"></a>
536 <div class="fixedFont">
537 <b class="itemname">visibilityEl</b> : string|object
543 <div class="short">What element to use for visibility (<b>see</b> getVisibilityEl())</div>
548 What element to use for visibility (<b>see</b> getVisibilityEl())
549 <BR/>Possible Values: el, parent
558 Roo.bootstrap.Component
564 <tr class="config-row expandable config-row-alt1 notInherited">
565 <td class="micon"><a class="exi" href="#expand"> </a></td>
568 <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
569 <div class="fixedFont">
570 <b class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
576 <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
581 extra attributes to add to 'element' (used by builder to store stuff.)
591 Roo.bootstrap.Component
607 <!-- ============================== public properties ==================== -->
611 <a id="Roo.bootstrap.Component-props"></a>
617 <table cellspacing="0" class="member-table">
618 <caption class="Empty">Public Properties - Has None</caption>
624 <!-- ============================== methods summary / details ======================== -->
627 <a id="Roo.bootstrap.Component-methods"></a>
628 <!-- constructor?? -->
635 <!-- then dynamics first -->
642 <table cellspacing="0" class="member-table">
643 <caption>Public Methods</caption>
645 <th class="sig-header" colspan="2">Method</th>
646 <th class="msource-header">Defined By</th>
656 <tr class="method-row config-row-alt0 expandable notInherited">
657 <td class="micon"><a class="exi" href="#expand"> </a></td>
661 <a id="Roo.bootstrap-method-Component" name=".Component"></a>
662 <div class="fixedFont">
663 <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Component</b>
665 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
673 <div class="short">Create a new Roo.bootstrap.Component</div>
680 Create a new Roo.bootstrap.Component
683 <dl class="detailList">
684 <dt class="heading">Parameters:</dt>
687 <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>
690 <dd>The config object</dd>
714 <tr class="method-row config-row-alt1 expandable">
715 <td class="micon"><a class="exi" href="#expand"> </a></td>
719 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
720 <div class="fixedFont">
721 <span class="attributes"></span><b class="itemname">addEvents</b>
723 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
730 <div class="short">Used to define events on this Observable</div>
736 Used to define events on this Observable
743 <dl class="detailList">
744 <dt class="heading">Parameters:</dt>
747 <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>
750 <dd>The object with the events defined</dd>
770 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
776 <tr class="method-row config-row-alt0 expandable">
777 <td class="micon"><a class="exi" href="#expand"> </a></td>
781 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
782 <div class="fixedFont">
783 <span class="attributes"></span><b class="itemname">addListener</b>
785 (<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>)
792 <div class="short">Appends an event handler to this component</div>
798 Appends an event handler to this component
805 <dl class="detailList">
806 <dt class="heading">Parameters:</dt>
809 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
812 <dd>The type of event to listen for</dd>
815 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
818 <dd>The method the event invokes</dd>
821 <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>
824 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
827 <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>
830 <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>
850 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
856 <tr class="method-row config-row-alt1 expandable">
857 <td class="micon"><a class="exi" href="#expand"> </a></td>
861 <a id="Roo.Component-method-destroy" name=".destroy"></a>
862 <div class="fixedFont">
863 <span class="attributes"></span><b class="itemname">destroy</b>
872 <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>
878 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}.
901 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
907 <tr class="method-row config-row-alt0 expandable">
908 <td class="micon"><a class="exi" href="#expand"> </a></td>
912 <a id="Roo.Component-method-disable" name=".disable"></a>
913 <div class="fixedFont">
914 <span class="attributes"></span><b class="itemname">disable</b>
922 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
931 <div class="short">Disable this component.</div>
937 Disable this component.
948 <dl class="detailList">
949 <dt class="heading">Returns:</dt>
951 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
967 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
973 <tr class="method-row config-row-alt1 expandable">
974 <td class="micon"><a class="exi" href="#expand"> </a></td>
978 <a id="Roo.Component-method-enable" name=".enable"></a>
979 <div class="fixedFont">
980 <span class="attributes"></span><b class="itemname">enable</b>
988 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
997 <div class="short">Enable this component.</div>
1003 Enable this component.
1014 <dl class="detailList">
1015 <dt class="heading">Returns:</dt>
1017 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1031 <td class="msource">
1033 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1039 <tr class="method-row config-row-alt0 expandable">
1040 <td class="micon"><a class="exi" href="#expand"> </a></td>
1044 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1045 <div class="fixedFont">
1046 <span class="attributes"></span><b class="itemname">fireEvent</b>
1048 (<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>)
1054 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1063 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1069 Fires the specified event with the passed parameters (minus the event name).
1076 <dl class="detailList">
1077 <dt class="heading">Parameters:</dt>
1080 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1086 <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>
1089 <dd>Variable number of parameters are passed to handlers</dd>
1097 <dl class="detailList">
1098 <dt class="heading">Returns:</dt>
1100 <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>
1114 <td class="msource">
1116 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1122 <tr class="method-row config-row-alt1 expandable">
1123 <td class="micon"><a class="exi" href="#expand"> </a></td>
1127 <a id="Roo.Component-method-focus" name=".focus"></a>
1128 <div class="fixedFont">
1129 <span class="attributes"></span><b class="itemname">focus</b>
1131 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1137 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1146 <div class="short">Try to focus this component.</div>
1152 Try to focus this component.
1159 <dl class="detailList">
1160 <dt class="heading">Parameters:</dt>
1163 <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>
1166 <dd>True to also select the text in this component (if applicable)</dd>
1174 <dl class="detailList">
1175 <dt class="heading">Returns:</dt>
1177 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1191 <td class="msource">
1193 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1199 <tr class="method-row config-row-alt0 expandable notInherited">
1200 <td class="micon"><a class="exi" href="#expand"> </a></td>
1204 <a id="Roo.bootstrap.Component-method-getChildContainer" name=".getChildContainer"></a>
1205 <div class="fixedFont">
1206 <span class="attributes"></span><b class="itemname">getChildContainer</b>
1214 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1223 <div class="short">Fetch the element to add children to</div>
1229 Fetch the element to add children to
1240 <dl class="detailList">
1241 <dt class="heading">Returns:</dt>
1243 <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>
1257 <td class="msource">
1259 Roo.bootstrap.Component
1265 <tr class="method-row config-row-alt1 expandable">
1266 <td class="micon"><a class="exi" href="#expand"> </a></td>
1270 <a id="Roo.Component-method-getEl" name=".getEl"></a>
1271 <div class="fixedFont">
1272 <span class="attributes"></span><b class="itemname">getEl</b>
1280 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1289 <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1295 Returns the underlying {<b>link</b> Roo.Element}.
1306 <dl class="detailList">
1307 <dt class="heading">Returns:</dt>
1309 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1323 <td class="msource">
1325 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1331 <tr class="method-row config-row-alt0 expandable">
1332 <td class="micon"><a class="exi" href="#expand"> </a></td>
1336 <a id="Roo.Component-method-getId" name=".getId"></a>
1337 <div class="fixedFont">
1338 <span class="attributes"></span><b class="itemname">getId</b>
1346 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1355 <div class="short">Returns the id of this component.</div>
1361 Returns the id of this component.
1372 <dl class="detailList">
1373 <dt class="heading">Returns:</dt>
1375 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
1389 <td class="msource">
1391 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1397 <tr class="method-row config-row-alt1 expandable notInherited">
1398 <td class="micon"><a class="exi" href="#expand"> </a></td>
1402 <a id="Roo.bootstrap.Component-method-getVisibilityEl" name=".getVisibilityEl"></a>
1403 <div class="fixedFont">
1404 <span class="attributes"></span><b class="itemname">getVisibilityEl</b>
1413 <div class="short">Get the element that will be used to show or hide</div>
1419 Get the element that will be used to show or hide
1440 <td class="msource">
1442 Roo.bootstrap.Component
1448 <tr class="method-row config-row-alt0 expandable">
1449 <td class="micon"><a class="exi" href="#expand"> </a></td>
1453 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1454 <div class="fixedFont">
1455 <span class="attributes"></span><b class="itemname">hasListener</b>
1457 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1463 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1472 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1478 Checks to see if this object has any listeners for a specified event
1485 <dl class="detailList">
1486 <dt class="heading">Parameters:</dt>
1489 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1492 <dd>The name of the event to check for</dd>
1500 <dl class="detailList">
1501 <dt class="heading">Returns:</dt>
1503 <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>
1517 <td class="msource">
1519 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1525 <tr class="method-row config-row-alt1 expandable notInherited">
1526 <td class="micon"><a class="exi" href="#expand"> </a></td>
1530 <a id="Roo.bootstrap.Component-method-hide" name=".hide"></a>
1531 <div class="fixedFont">
1532 <span class="attributes"></span><b class="itemname">hide</b>
1541 <div class="short">Hide a component - adds 'hidden' class</div>
1547 Hide a component - adds 'hidden' class
1568 <td class="msource">
1570 Roo.bootstrap.Component
1576 <tr class="method-row config-row-alt0 expandable notInherited">
1577 <td class="micon"><a class="exi" href="#expand"> </a></td>
1581 <a id="Roo.bootstrap.Component-method-initEvents" name=".initEvents"></a>
1582 <div class="fixedFont">
1583 <span class="attributes"></span><b class="itemname">initEvents</b>
1592 <div class="short">Initialize Events for the element</div>
1598 Initialize Events for the element
1619 <td class="msource">
1621 Roo.bootstrap.Component
1627 <tr class="method-row config-row-alt1 expandable">
1628 <td class="micon"><a class="exi" href="#expand"> </a></td>
1632 <a id="Roo.Component-method-isVisible" name=".isVisible"></a>
1633 <div class="fixedFont">
1634 <span class="attributes"></span><b class="itemname">isVisible</b>
1643 <div class="short">Returns true if this component is visible.</div>
1649 Returns true if this component is visible.
1670 <td class="msource">
1672 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1678 <tr class="method-row config-row-alt0 expandable">
1679 <td class="micon"><a class="exi" href="#expand"> </a></td>
1683 <a id="Roo.util.Observable-method-on" name=".on"></a>
1684 <div class="fixedFont">
1685 <span class="attributes"></span><b class="itemname">on</b>
1687 (<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>)
1694 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1700 Appends an event handler to this element (shorthand for addListener)
1707 <dl class="detailList">
1708 <dt class="heading">Parameters:</dt>
1711 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1714 <dd>The type of event to listen for</dd>
1717 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1720 <dd>The method the event invokes</dd>
1723 <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>
1726 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1729 <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>
1750 <td class="msource">
1752 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1758 <tr class="method-row config-row-alt1 expandable">
1759 <td class="micon"><a class="exi" href="#expand"> </a></td>
1763 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1764 <div class="fixedFont">
1765 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1774 <div class="short">Removes all listeners for this object</div>
1780 Removes all listeners for this object
1801 <td class="msource">
1803 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1809 <tr class="method-row config-row-alt0 expandable">
1810 <td class="micon"><a class="exi" href="#expand"> </a></td>
1814 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
1815 <div class="fixedFont">
1816 <span class="attributes"></span><b class="itemname">removeListener</b>
1818 (<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>)
1825 <div class="short">Removes a listener</div>
1838 <dl class="detailList">
1839 <dt class="heading">Parameters:</dt>
1842 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1845 <dd>The type of event to listen for</dd>
1848 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1851 <dd>The handler to remove</dd>
1854 <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>
1857 <dd>(optional) The scope (this object) for the handler</dd>
1875 <td class="msource">
1877 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1883 <tr class="method-row config-row-alt1 expandable">
1884 <td class="micon"><a class="exi" href="#expand"> </a></td>
1888 <a id="Roo.Component-method-render" name=".render"></a>
1889 <div class="fixedFont">
1890 <span class="attributes"></span><b class="itemname">render</b>
1892 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
1899 <div class="short">If this is a lazy rendering component, render it to its container element.</div>
1905 If this is a lazy rendering component, render it to its container element.
1912 <dl class="detailList">
1913 <dt class="heading">Parameters:</dt>
1916 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
1919 <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
1937 <td class="msource">
1939 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1945 <tr class="method-row config-row-alt0 expandable">
1946 <td class="micon"><a class="exi" href="#expand"> </a></td>
1950 <a id="Roo.Component-method-setDisabled" name=".setDisabled"></a>
1951 <div class="fixedFont">
1952 <span class="attributes"></span><b class="itemname">setDisabled</b>
1954 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
1961 <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
1967 Convenience function for setting disabled/enabled by boolean.
1974 <dl class="detailList">
1975 <dt class="heading">Parameters:</dt>
1978 <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>
1999 <td class="msource">
2001 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2007 <tr class="method-row config-row-alt1 expandable">
2008 <td class="micon"><a class="exi" href="#expand"> </a></td>
2012 <a id="Roo.Component-method-setVisible" name=".setVisible"></a>
2013 <div class="fixedFont">
2014 <span class="attributes"></span><b class="itemname">setVisible</b>
2016 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2022 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2031 <div class="short">Convenience function to hide or show this component by boolean.</div>
2037 Convenience function to hide or show this component by boolean.
2044 <dl class="detailList">
2045 <dt class="heading">Parameters:</dt>
2048 <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>
2051 <dd>True to show, false to hide</dd>
2059 <dl class="detailList">
2060 <dt class="heading">Returns:</dt>
2062 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2076 <td class="msource">
2078 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2084 <tr class="method-row config-row-alt0 expandable notInherited">
2085 <td class="micon"><a class="exi" href="#expand"> </a></td>
2089 <a id="Roo.bootstrap.Component-method-show" name=".show"></a>
2090 <div class="fixedFont">
2091 <span class="attributes"></span><b class="itemname">show</b>
2100 <div class="short">Show a component - removes 'hidden' class</div>
2106 Show a component - removes 'hidden' class
2127 <td class="msource">
2129 Roo.bootstrap.Component
2135 <tr class="method-row config-row-alt1 expandable notInherited">
2136 <td class="micon"><a class="exi" href="#expand"> </a></td>
2140 <a id="Roo.bootstrap.Component-method-tooltipEl" name=".tooltipEl"></a>
2141 <div class="fixedFont">
2142 <span class="attributes"></span><b class="itemname">tooltipEl</b>
2150 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
2159 <div class="short">Fetch the element to display the tooltip on.</div>
2165 Fetch the element to display the tooltip on.
2176 <dl class="detailList">
2177 <dt class="heading">Returns:</dt>
2179 <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>
2193 <td class="msource">
2195 Roo.bootstrap.Component
2201 <tr class="method-row config-row-alt0 expandable">
2202 <td class="micon"><a class="exi" href="#expand"> </a></td>
2206 <a id="Roo.util.Observable-method-un" name=".un"></a>
2207 <div class="fixedFont">
2208 <span class="attributes"></span><b class="itemname">un</b>
2210 (<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>)
2217 <div class="short">Removes a listener (shorthand for removeListener)</div>
2223 Removes a listener (shorthand for removeListener)
2230 <dl class="detailList">
2231 <dt class="heading">Parameters:</dt>
2234 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2237 <dd>The type of event to listen for</dd>
2240 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2243 <dd>The handler to remove</dd>
2246 <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>
2249 <dd>(optional) The scope (this object) for the handler</dd>
2267 <td class="msource">
2269 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2278 <!-- ============================== events summary / details ======================== -->
2281 <a id="Roo.bootstrap.Component-events"></a>
2290 <table cellspacing="0" class="member-table">
2291 <caption>Events</caption>
2294 <th class="sig-header" colspan="2">Event</th>
2295 <th class="msource-header">Defined By</th>
2304 <tr class="method-row expandable config-row-alt0">
2305 <td class="micon"><a class="exi" href="#expand"> </a></td>
2308 <a id="Roo.Component-event-*beforedestroy"></a>
2310 <div class="fixedFont">
2311 <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>)
2317 <div class="short">Fires before the component is destroyed.
2323 Fires before the component is destroyed. Return false to stop the destroy.
2329 <dl class="detailList">
2330 <dt class="heading">Parameters:</dt>
2333 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2354 <td class="msource">
2355 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2359 <tr class="method-row expandable config-row-alt1">
2360 <td class="micon"><a class="exi" href="#expand"> </a></td>
2363 <a id="Roo.Component-event-*beforehide"></a>
2365 <div class="fixedFont">
2366 <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>)
2372 <div class="short">Fires before the component is hidden.
2378 Fires before the component is hidden. Return false to stop the hide.
2384 <dl class="detailList">
2385 <dt class="heading">Parameters:</dt>
2388 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2409 <td class="msource">
2410 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2414 <tr class="method-row expandable config-row-alt0">
2415 <td class="micon"><a class="exi" href="#expand"> </a></td>
2418 <a id="Roo.Component-event-*beforerender"></a>
2420 <div class="fixedFont">
2421 <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>)
2427 <div class="short">Fires before the component is rendered.
2433 Fires before the component is rendered. Return false to stop the render.
2439 <dl class="detailList">
2440 <dt class="heading">Parameters:</dt>
2443 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2464 <td class="msource">
2465 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2469 <tr class="method-row expandable config-row-alt1">
2470 <td class="micon"><a class="exi" href="#expand"> </a></td>
2473 <a id="Roo.Component-event-*beforeshow"></a>
2475 <div class="fixedFont">
2476 <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>)
2482 <div class="short">Fires before the component is shown.
2488 Fires before the component is shown. Return false to stop the show.
2494 <dl class="detailList">
2495 <dt class="heading">Parameters:</dt>
2498 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2519 <td class="msource">
2520 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2524 <tr class="method-row expandable config-row-alt0 notInherited">
2525 <td class="micon"><a class="exi" href="#expand"> </a></td>
2528 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
2530 <div class="fixedFont">
2531 <b class="itemname">childrenrendered</b> (<a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a> <B><i>this</i></B>)
2537 <div class="short">Fires when the children have been rendered.
2543 Fires when the children have been rendered..
2549 <dl class="detailList">
2550 <dt class="heading">Parameters:</dt>
2553 <span class="fixedFont"><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a></span> <b>this</b>
2574 <td class="msource">
2575 Roo.bootstrap.Component
2579 <tr class="method-row expandable config-row-alt1">
2580 <td class="micon"><a class="exi" href="#expand"> </a></td>
2583 <a id="Roo.Component-event-*destroy"></a>
2585 <div class="fixedFont">
2586 <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>)
2592 <div class="short">Fires after the component is destroyed.
2598 Fires after the component is destroyed.
2604 <dl class="detailList">
2605 <dt class="heading">Parameters:</dt>
2608 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2629 <td class="msource">
2630 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2634 <tr class="method-row expandable config-row-alt0">
2635 <td class="micon"><a class="exi" href="#expand"> </a></td>
2638 <a id="Roo.Component-event-*disable"></a>
2640 <div class="fixedFont">
2641 <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>)
2647 <div class="short">Fires after the component is disabled.
2653 Fires after the component is disabled.
2659 <dl class="detailList">
2660 <dt class="heading">Parameters:</dt>
2663 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2684 <td class="msource">
2685 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2689 <tr class="method-row expandable config-row-alt1">
2690 <td class="micon"><a class="exi" href="#expand"> </a></td>
2693 <a id="Roo.Component-event-*enable"></a>
2695 <div class="fixedFont">
2696 <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>)
2702 <div class="short">Fires after the component is enabled.
2708 Fires after the component is enabled.
2714 <dl class="detailList">
2715 <dt class="heading">Parameters:</dt>
2718 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2739 <td class="msource">
2740 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2744 <tr class="method-row expandable config-row-alt0">
2745 <td class="micon"><a class="exi" href="#expand"> </a></td>
2748 <a id="Roo.Component-event-*hide"></a>
2750 <div class="fixedFont">
2751 <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>)
2757 <div class="short">Fires after the component is hidden.
2763 Fires after the component is hidden.
2769 <dl class="detailList">
2770 <dt class="heading">Parameters:</dt>
2773 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2794 <td class="msource">
2795 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2799 <tr class="method-row expandable config-row-alt1">
2800 <td class="micon"><a class="exi" href="#expand"> </a></td>
2803 <a id="Roo.Component-event-*render"></a>
2805 <div class="fixedFont">
2806 <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>)
2812 <div class="short">Fires after the component is rendered.
2818 Fires after the component is rendered.
2824 <dl class="detailList">
2825 <dt class="heading">Parameters:</dt>
2828 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2849 <td class="msource">
2850 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2854 <tr class="method-row expandable config-row-alt0">
2855 <td class="micon"><a class="exi" href="#expand"> </a></td>
2858 <a id="Roo.Component-event-*show"></a>
2860 <div class="fixedFont">
2861 <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>)
2867 <div class="short">Fires after the component is shown.
2873 Fires after the component is shown.
2879 <dl class="detailList">
2880 <dt class="heading">Parameters:</dt>
2883 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2904 <td class="msource">
2905 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2916 <!-- ============================== footer ================================= -->
2917 <div class="fineprint" style="clear:both">
2919 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
2921 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>