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.Table</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.Table-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.bootstrap.Table-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.bootstrap.Table-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.bootstrap.Table-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 src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.bootstrap.Table
54 <!-- ============================== class title / details ============================ -->
57 <h1 class="classTitle">
59 Class Roo.bootstrap.Table
62 <table cellspacing="0" class="class-summary-table">
64 <tr><td class="label">Package:</td><td class="hd-info">Roo.bootstrap</td></tr>
66 <tr><td class="label">Defined In:</td><td class="hd-info">
68 <a href="./src/Roo_bootstrap_Table.js.html">Roo/bootstrap/Table.js</a>.
71 <tr><td class="label">Class:</td><td class="hd-info">Table</td></tr>
76 <tr><td class="label">Extends:</td><td class="hd-info">
77 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
85 <!-- ============================== class summary ========================== -->
86 <div class="description">
91 <!-- ============================== Class comment block... ========================== -->
93 <div class="comments">
94 <b>Class Comments / Notes</B> =>
95 <u onclick="parent.CommentDialog.showCommentId = 'Roo.bootstrap.Table';">[Add Your comment/notes about this class]</u>
97 <iframe frameborder="0" id="comments-Roo.bootstrap" style="border: none;width:100%;"
98 src="/blog.php/GtkDjsComments/Roo.bootstrap.Table.html"></iframe>
103 <!-- ============================== config options ========================== -->
108 <div class="hr"></div>
109 <a id="Roo.bootstrap.Table-configs"></a>
115 <table cellspacing="0" class="member-table">
116 <caption>Config Options (Usually are also Properties)</caption>
120 <th class="sig-header" colspan="2">Options</th>
122 <th class="msource-header">Defined By</th>
129 <tr class="config-row expandable config-row-alt0">
130 <td class="micon"><a class="exi" href="#expand"> </a></td>
133 <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
134 <div class="fixedFont">
135 <b class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
141 <div class="short">which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'</div>
145 <div class="long">which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'</div>
153 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
159 <tr class="config-row expandable config-row-alt1 notInherited">
160 <td class="micon"><a class="exi" href="#expand"> </a></td>
163 <a id="Roo.bootstrap.Table-cfg-align" name=".align"></a>
164 <div class="fixedFont">
165 <b class="itemname">align</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
171 <div class="short">(left|center|right) Specifies the alignment of a table according to surrounding text</div>
175 <div class="long">(left|center|right) Specifies the alignment of a table according to surrounding text</div>
189 <tr class="config-row expandable config-row-alt0">
190 <td class="micon"><a class="exi" href="#expand"> </a></td>
193 <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
194 <div class="fixedFont">
195 <b class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
201 <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
205 <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div>
213 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
219 <tr class="config-row expandable config-row-alt1 notInherited">
220 <td class="micon"><a class="exi" href="#expand"> </a></td>
223 <a id="Roo.bootstrap.Table-cfg-bgcolor" name=".bgcolor"></a>
224 <div class="fixedFont">
225 <b class="itemname">bgcolor</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
231 <div class="short">Specifies the background color for a table</div>
235 <div class="long">Specifies the background color for a table</div>
249 <tr class="config-row expandable config-row-alt0 notInherited">
250 <td class="micon"><a class="exi" href="#expand"> </a></td>
253 <a id="Roo.bootstrap.Table-cfg-border" name=".border"></a>
254 <div class="fixedFont">
255 <b class="itemname">border</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
261 <div class="short">Specifies whether the table cells should have borders or not</div>
265 <div class="long">Specifies whether the table cells should have borders or not</div>
279 <tr class="config-row expandable config-row-alt1 notInherited">
280 <td class="micon"><a class="exi" href="#expand"> </a></td>
283 <a id="Roo.bootstrap.Table-cfg-bordered" name=".bordered"></a>
284 <div class="fixedFont">
285 <b class="itemname">bordered</b> : boolean
291 <div class="short">Add borders to the table</div>
295 <div class="long">Add borders to the table</div>
309 <tr class="config-row expandable config-row-alt0">
310 <td class="micon"><a class="exi" href="#expand"> </a></td>
313 <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
314 <div class="fixedFont">
315 <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>
321 <div class="short">True if element can be rebuild from a HTML page</div>
325 <div class="long">True if element can be rebuild from a HTML page</div>
333 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
339 <tr class="config-row expandable config-row-alt1 notInherited">
340 <td class="micon"><a class="exi" href="#expand"> </a></td>
343 <a id="Roo.bootstrap.Table-cfg-cellpadding" name=".cellpadding"></a>
344 <div class="fixedFont">
345 <b class="itemname">cellpadding</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
351 <div class="short">Specifies the space between the cell wall and the cell content</div>
355 <div class="long">Specifies the space between the cell wall and the cell content</div>
369 <tr class="config-row expandable config-row-alt0 notInherited">
370 <td class="micon"><a class="exi" href="#expand"> </a></td>
373 <a id="Roo.bootstrap.Table-cfg-cellspacing" name=".cellspacing"></a>
374 <div class="fixedFont">
375 <b class="itemname">cellspacing</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
381 <div class="short">Specifies the space between cells</div>
385 <div class="long">Specifies the space between cells</div>
399 <tr class="config-row expandable config-row-alt1 notInherited">
400 <td class="micon"><a class="exi" href="#expand"> </a></td>
403 <a id="Roo.bootstrap.Table-cfg-cls" name=".cls"></a>
404 <div class="fixedFont">
405 <b class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
411 <div class="short">table class</div>
415 <div class="long">table class</div>
429 <tr class="config-row expandable config-row-alt0 notInherited">
430 <td class="micon"><a class="exi" href="#expand"> </a></td>
433 <a id="Roo.bootstrap.Table-cfg-condensed" name=".condensed"></a>
434 <div class="fixedFont">
435 <b class="itemname">condensed</b> : boolean
441 <div class="short">Format condensed</div>
445 <div class="long">Format condensed</div>
459 <tr class="config-row expandable config-row-alt1">
460 <td class="micon"><a class="exi" href="#expand"> </a></td>
463 <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
464 <div class="fixedFont">
465 <b class="itemname">dataId</b> : string
471 <div class="short">cutomer id</div>
475 <div class="long">cutomer id</div>
483 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
489 <tr class="config-row expandable config-row-alt0">
490 <td class="micon"><a class="exi" href="#expand"> </a></td>
493 <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
494 <div class="fixedFont">
495 <b class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
501 <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
505 <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
513 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
519 <tr class="config-row expandable config-row-alt1 notInherited">
520 <td class="micon"><a class="exi" href="#expand"> </a></td>
523 <a id="Roo.bootstrap.Table-cfg-frame" name=".frame"></a>
524 <div class="fixedFont">
525 <b class="itemname">frame</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
531 <div class="short">Specifies which parts of the outside borders that should be visible</div>
535 <div class="long">Specifies which parts of the outside borders that should be visible</div>
549 <tr class="config-row expandable config-row-alt0">
550 <td class="micon"><a class="exi" href="#expand"> </a></td>
553 <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
554 <div class="fixedFont">
555 <b class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
561 <div class="short">How this component should hidden.</div>
565 <div class="long">How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".</div>
573 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
579 <tr class="config-row expandable config-row-alt1 notInherited">
580 <td class="micon"><a class="exi" href="#expand"> </a></td>
583 <a id="Roo.bootstrap.Table-cfg-hover" name=".hover"></a>
584 <div class="fixedFont">
585 <b class="itemname">hover</b> : boolean
591 <div class="short">Add hover highlighting</div>
595 <div class="long">Add hover highlighting</div>
609 <tr class="config-row expandable config-row-alt0">
610 <td class="micon"><a class="exi" href="#expand"> </a></td>
613 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
614 <div class="fixedFont">
615 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
621 <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>
625 <div class="long">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></div>
633 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
639 <tr class="config-row expandable config-row-alt1 notInherited">
640 <td class="micon"><a class="exi" href="#expand"> </a></td>
643 <a id="Roo.bootstrap.Table-cfg-loadMask" name=".loadMask"></a>
644 <div class="fixedFont">
645 <b class="itemname">loadMask</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
651 <div class="short">(true|false) default false</div>
655 <div class="long">(true|false) default false</div>
669 <tr class="config-row expandable config-row-alt0">
670 <td class="micon"><a class="exi" href="#expand"> </a></td>
673 <a id="Roo.bootstrap.Component-cfg-name" name=".name"></a>
674 <div class="fixedFont">
675 <b class="itemname">name</b> : string
681 <div class="short">Specifies name attribute</div>
685 <div class="long">Specifies name attribute</div>
693 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
699 <tr class="config-row expandable config-row-alt1 notInherited">
700 <td class="micon"><a class="exi" href="#expand"> </a></td>
703 <a id="Roo.bootstrap.Table-cfg-responsive" name=".responsive"></a>
704 <div class="fixedFont">
705 <b class="itemname">responsive</b> : boolean
711 <div class="short">Format condensed</div>
715 <div class="long">Format condensed</div>
729 <tr class="config-row expandable config-row-alt0 notInherited">
730 <td class="micon"><a class="exi" href="#expand"> </a></td>
733 <a id="Roo.bootstrap.Table-cfg-rules" name=".rules"></a>
734 <div class="fixedFont">
735 <b class="itemname">rules</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
741 <div class="short">Specifies which parts of the inside borders that should be visible</div>
745 <div class="long">Specifies which parts of the inside borders that should be visible</div>
759 <tr class="config-row expandable config-row-alt1 notInherited">
760 <td class="micon"><a class="exi" href="#expand"> </a></td>
763 <a id="Roo.bootstrap.Table-cfg-sortable" name=".sortable"></a>
764 <div class="fixedFont">
765 <b class="itemname">sortable</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
771 <div class="short">Specifies that the table should be sortable</div>
775 <div class="long">Specifies that the table should be sortable</div>
789 <tr class="config-row expandable config-row-alt0 notInherited">
790 <td class="micon"><a class="exi" href="#expand"> </a></td>
793 <a id="Roo.bootstrap.Table-cfg-striped" name=".striped"></a>
794 <div class="fixedFont">
795 <b class="itemname">striped</b> : boolean
801 <div class="short">Should the rows be alternative striped</div>
805 <div class="long">Should the rows be alternative striped</div>
819 <tr class="config-row expandable config-row-alt1">
820 <td class="micon"><a class="exi" href="#expand"> </a></td>
823 <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
824 <div class="fixedFont">
825 <b class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
831 <div class="short">any extra css</div>
835 <div class="long">any extra css</div>
843 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
849 <tr class="config-row expandable config-row-alt0 notInherited">
850 <td class="micon"><a class="exi" href="#expand"> </a></td>
853 <a id="Roo.bootstrap.Table-cfg-summary" name=".summary"></a>
854 <div class="fixedFont">
855 <b class="itemname">summary</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
861 <div class="short">Specifies a summary of the content of a table</div>
865 <div class="long">Specifies a summary of the content of a table</div>
879 <tr class="config-row expandable config-row-alt1 notInherited">
880 <td class="micon"><a class="exi" href="#expand"> </a></td>
883 <a id="Roo.bootstrap.Table-cfg-width" name=".width"></a>
884 <div class="fixedFont">
885 <b class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
891 <div class="short">Specifies the width of a table</div>
895 <div class="long">Specifies the width of a table</div>
909 <tr class="config-row expandable config-row-alt0">
910 <td class="micon"><a class="exi" href="#expand"> </a></td>
913 <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
914 <div class="fixedFont">
915 <b class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
921 <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
925 <div class="long">extra attributes to add to 'element' (used by builder to store stuff.)</div>
933 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
949 <!-- ============================== public properties ==================== -->
953 <a id="Roo.bootstrap.Table-props"></a>
959 <table cellspacing="0" class="member-table">
960 <caption class="Empty">Public Properties - Has None</caption>
966 <!-- ============================== methods summary / details ======================== -->
969 <a id="Roo.bootstrap.Table-methods"></a>
970 <!-- constructor?? -->
977 <!-- then dynamics first -->
984 <table cellspacing="0" class="member-table">
985 <caption>Public Methods</caption>
987 <th class="sig-header" colspan="2">Method</th>
988 <th class="msource-header">Defined By</th>
998 <tr class="method-row config-row-alt0 expandable notInherited">
999 <td class="micon"><a class="exi" href="#expand"> </a></td>
1003 <a id="Roo.bootstrap-method-Table" name=".Table"></a>
1004 <div class="fixedFont">
1005 <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Table</b>
1007 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1015 <div class="short">Create a new Roo.bootstrap.Table</div>
1022 Create a new Roo.bootstrap.Table
1025 <dl class="detailList">
1026 <dt class="heading">Parameters:</dt>
1029 <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>
1032 <dd>The config object</dd>
1050 <td class="msource">
1056 <tr class="method-row config-row-alt1 expandable">
1057 <td class="micon"><a class="exi" href="#expand"> </a></td>
1061 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1062 <div class="fixedFont">
1063 <span class="attributes"></span><b class="itemname">addEvents</b>
1065 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1072 <div class="short">Used to define events on this Observable</div>
1078 Used to define events on this Observable
1085 <dl class="detailList">
1086 <dt class="heading">Parameters:</dt>
1089 <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>
1092 <dd>The object with the events defined</dd>
1110 <td class="msource">
1112 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1118 <tr class="method-row config-row-alt0 expandable">
1119 <td class="micon"><a class="exi" href="#expand"> </a></td>
1123 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1124 <div class="fixedFont">
1125 <span class="attributes"></span><b class="itemname">addListener</b>
1127 (<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>)
1134 <div class="short">Appends an event handler to this component</div>
1140 Appends an event handler to this component
1147 <dl class="detailList">
1148 <dt class="heading">Parameters:</dt>
1151 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1154 <dd>The type of event to listen for</dd>
1157 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1160 <dd>The method the event invokes</dd>
1163 <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>
1166 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1169 <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>
1172 <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>
1190 <td class="msource">
1192 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1198 <tr class="method-row config-row-alt1 expandable">
1199 <td class="micon"><a class="exi" href="#expand"> </a></td>
1203 <a id="Roo.Component-method-destroy" name=".destroy"></a>
1204 <div class="fixedFont">
1205 <span class="attributes"></span><b class="itemname">destroy</b>
1214 <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>
1220 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}.
1241 <td class="msource">
1243 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1249 <tr class="method-row config-row-alt0 expandable">
1250 <td class="micon"><a class="exi" href="#expand"> </a></td>
1254 <a id="Roo.Component-method-disable" name=".disable"></a>
1255 <div class="fixedFont">
1256 <span class="attributes"></span><b class="itemname">disable</b>
1264 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1273 <div class="short">Disable this component.</div>
1279 Disable this component.
1290 <dl class="detailList">
1291 <dt class="heading">Returns:</dt>
1293 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1307 <td class="msource">
1309 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1315 <tr class="method-row config-row-alt1 expandable">
1316 <td class="micon"><a class="exi" href="#expand"> </a></td>
1320 <a id="Roo.Component-method-enable" name=".enable"></a>
1321 <div class="fixedFont">
1322 <span class="attributes"></span><b class="itemname">enable</b>
1330 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1339 <div class="short">Enable this component.</div>
1345 Enable this component.
1356 <dl class="detailList">
1357 <dt class="heading">Returns:</dt>
1359 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1373 <td class="msource">
1375 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1381 <tr class="method-row config-row-alt0 expandable">
1382 <td class="micon"><a class="exi" href="#expand"> </a></td>
1386 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1387 <div class="fixedFont">
1388 <span class="attributes"></span><b class="itemname">fireEvent</b>
1390 (<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>)
1396 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1405 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1411 Fires the specified event with the passed parameters (minus the event name).
1418 <dl class="detailList">
1419 <dt class="heading">Parameters:</dt>
1422 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1428 <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>
1431 <dd>Variable number of parameters are passed to handlers</dd>
1439 <dl class="detailList">
1440 <dt class="heading">Returns:</dt>
1442 <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>
1456 <td class="msource">
1458 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1464 <tr class="method-row config-row-alt1 expandable">
1465 <td class="micon"><a class="exi" href="#expand"> </a></td>
1469 <a id="Roo.Component-method-focus" name=".focus"></a>
1470 <div class="fixedFont">
1471 <span class="attributes"></span><b class="itemname">focus</b>
1473 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1479 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1488 <div class="short">Try to focus this component.</div>
1494 Try to focus this component.
1501 <dl class="detailList">
1502 <dt class="heading">Parameters:</dt>
1505 <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>
1508 <dd>True to also select the text in this component (if applicable)</dd>
1516 <dl class="detailList">
1517 <dt class="heading">Returns:</dt>
1519 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1533 <td class="msource">
1535 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1541 <tr class="method-row config-row-alt0 expandable">
1542 <td class="micon"><a class="exi" href="#expand"> </a></td>
1546 <a id="Roo.Component-method-getEl" name=".getEl"></a>
1547 <div class="fixedFont">
1548 <span class="attributes"></span><b class="itemname">getEl</b>
1556 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1565 <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1571 Returns the underlying {<b>link</b> Roo.Element}.
1582 <dl class="detailList">
1583 <dt class="heading">Returns:</dt>
1585 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1599 <td class="msource">
1601 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1607 <tr class="method-row config-row-alt1 expandable">
1608 <td class="micon"><a class="exi" href="#expand"> </a></td>
1612 <a id="Roo.Component-method-getId" name=".getId"></a>
1613 <div class="fixedFont">
1614 <span class="attributes"></span><b class="itemname">getId</b>
1622 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1631 <div class="short">Returns the id of this component.</div>
1637 Returns the id of this component.
1648 <dl class="detailList">
1649 <dt class="heading">Returns:</dt>
1651 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
1665 <td class="msource">
1667 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1673 <tr class="method-row config-row-alt0 expandable">
1674 <td class="micon"><a class="exi" href="#expand"> </a></td>
1678 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1679 <div class="fixedFont">
1680 <span class="attributes"></span><b class="itemname">hasListener</b>
1682 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1688 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1697 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1703 Checks to see if this object has any listeners for a specified event
1710 <dl class="detailList">
1711 <dt class="heading">Parameters:</dt>
1714 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1717 <dd>The name of the event to check for</dd>
1725 <dl class="detailList">
1726 <dt class="heading">Returns:</dt>
1728 <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>
1742 <td class="msource">
1744 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1750 <tr class="method-row config-row-alt1 expandable">
1751 <td class="micon"><a class="exi" href="#expand"> </a></td>
1755 <a id="Roo.Component-method-hide" name=".hide"></a>
1756 <div class="fixedFont">
1757 <span class="attributes"></span><b class="itemname">hide</b>
1765 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1774 <div class="short">Hide this component.</div>
1780 Hide this component.
1791 <dl class="detailList">
1792 <dt class="heading">Returns:</dt>
1794 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1808 <td class="msource">
1810 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1816 <tr class="method-row config-row-alt0 expandable">
1817 <td class="micon"><a class="exi" href="#expand"> </a></td>
1821 <a id="Roo.Component-method-isVisible" name=".isVisible"></a>
1822 <div class="fixedFont">
1823 <span class="attributes"></span><b class="itemname">isVisible</b>
1832 <div class="short">Returns true if this component is visible.</div>
1838 Returns true if this component is visible.
1859 <td class="msource">
1861 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1867 <tr class="method-row config-row-alt1 expandable">
1868 <td class="micon"><a class="exi" href="#expand"> </a></td>
1872 <a id="Roo.util.Observable-method-on" name=".on"></a>
1873 <div class="fixedFont">
1874 <span class="attributes"></span><b class="itemname">on</b>
1876 (<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>)
1883 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1889 Appends an event handler to this element (shorthand for addListener)
1896 <dl class="detailList">
1897 <dt class="heading">Parameters:</dt>
1900 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1903 <dd>The type of event to listen for</dd>
1906 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1909 <dd>The method the event invokes</dd>
1912 <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>
1915 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1918 <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>
1939 <td class="msource">
1941 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1947 <tr class="method-row config-row-alt0 expandable">
1948 <td class="micon"><a class="exi" href="#expand"> </a></td>
1952 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1953 <div class="fixedFont">
1954 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1963 <div class="short">Removes all listeners for this object</div>
1969 Removes all listeners for this object
1990 <td class="msource">
1992 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1998 <tr class="method-row config-row-alt1 expandable">
1999 <td class="micon"><a class="exi" href="#expand"> </a></td>
2003 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2004 <div class="fixedFont">
2005 <span class="attributes"></span><b class="itemname">removeListener</b>
2007 (<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>)
2014 <div class="short">Removes a listener</div>
2027 <dl class="detailList">
2028 <dt class="heading">Parameters:</dt>
2031 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2034 <dd>The type of event to listen for</dd>
2037 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2040 <dd>The handler to remove</dd>
2043 <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>
2046 <dd>(optional) The scope (this object) for the handler</dd>
2064 <td class="msource">
2066 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2072 <tr class="method-row config-row-alt0 expandable">
2073 <td class="micon"><a class="exi" href="#expand"> </a></td>
2077 <a id="Roo.Component-method-render" name=".render"></a>
2078 <div class="fixedFont">
2079 <span class="attributes"></span><b class="itemname">render</b>
2081 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
2088 <div class="short">If this is a lazy rendering component, render it to its container element.</div>
2094 If this is a lazy rendering component, render it to its container element.
2101 <dl class="detailList">
2102 <dt class="heading">Parameters:</dt>
2105 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
2108 <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
2126 <td class="msource">
2128 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2134 <tr class="method-row config-row-alt1 expandable">
2135 <td class="micon"><a class="exi" href="#expand"> </a></td>
2139 <a id="Roo.Component-method-setDisabled" name=".setDisabled"></a>
2140 <div class="fixedFont">
2141 <span class="attributes"></span><b class="itemname">setDisabled</b>
2143 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
2150 <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
2156 Convenience function for setting disabled/enabled by boolean.
2163 <dl class="detailList">
2164 <dt class="heading">Parameters:</dt>
2167 <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>
2188 <td class="msource">
2190 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2196 <tr class="method-row config-row-alt0 expandable">
2197 <td class="micon"><a class="exi" href="#expand"> </a></td>
2201 <a id="Roo.Component-method-setVisible" name=".setVisible"></a>
2202 <div class="fixedFont">
2203 <span class="attributes"></span><b class="itemname">setVisible</b>
2205 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2211 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2220 <div class="short">Convenience function to hide or show this component by boolean.</div>
2226 Convenience function to hide or show this component by boolean.
2233 <dl class="detailList">
2234 <dt class="heading">Parameters:</dt>
2237 <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>
2240 <dd>True to show, false to hide</dd>
2248 <dl class="detailList">
2249 <dt class="heading">Returns:</dt>
2251 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2265 <td class="msource">
2267 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2273 <tr class="method-row config-row-alt1 expandable">
2274 <td class="micon"><a class="exi" href="#expand"> </a></td>
2278 <a id="Roo.Component-method-show" name=".show"></a>
2279 <div class="fixedFont">
2280 <span class="attributes"></span><b class="itemname">show</b>
2288 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2297 <div class="short">Show this component.</div>
2303 Show this component.
2314 <dl class="detailList">
2315 <dt class="heading">Returns:</dt>
2317 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2331 <td class="msource">
2333 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2339 <tr class="method-row config-row-alt0 expandable">
2340 <td class="micon"><a class="exi" href="#expand"> </a></td>
2344 <a id="Roo.util.Observable-method-un" name=".un"></a>
2345 <div class="fixedFont">
2346 <span class="attributes"></span><b class="itemname">un</b>
2348 (<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>)
2355 <div class="short">Removes a listener (shorthand for removeListener)</div>
2361 Removes a listener (shorthand for removeListener)
2368 <dl class="detailList">
2369 <dt class="heading">Parameters:</dt>
2372 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2375 <dd>The type of event to listen for</dd>
2378 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2381 <dd>The handler to remove</dd>
2384 <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>
2387 <dd>(optional) The scope (this object) for the handler</dd>
2405 <td class="msource">
2407 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2416 <!-- ============================== events summary / details ======================== -->
2419 <a id="Roo.bootstrap.Table-events"></a>
2428 <table cellspacing="0" class="member-table">
2429 <caption>Events</caption>
2432 <th class="sig-header" colspan="2">Event</th>
2433 <th class="msource-header">Defined By</th>
2442 <tr class="method-row expandable config-row-alt0">
2443 <td class="micon"><a class="exi" href="#expand"> </a></td>
2446 <a id="Roo.Component-event-*beforedestroy"></a>
2448 <div class="fixedFont">
2449 <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>)
2455 <div class="short">Fires before the component is destroyed.
2461 Fires before the component is destroyed. Return false to stop the destroy.
2467 <dl class="detailList">
2468 <dt class="heading">Parameters:</dt>
2471 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2492 <td class="msource">
2493 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2497 <tr class="method-row expandable config-row-alt1">
2498 <td class="micon"><a class="exi" href="#expand"> </a></td>
2501 <a id="Roo.Component-event-*beforehide"></a>
2503 <div class="fixedFont">
2504 <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>)
2510 <div class="short">Fires before the component is hidden.
2516 Fires before the component is hidden. Return false to stop the hide.
2522 <dl class="detailList">
2523 <dt class="heading">Parameters:</dt>
2526 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2547 <td class="msource">
2548 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2552 <tr class="method-row expandable config-row-alt0">
2553 <td class="micon"><a class="exi" href="#expand"> </a></td>
2556 <a id="Roo.Component-event-*beforerender"></a>
2558 <div class="fixedFont">
2559 <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>)
2565 <div class="short">Fires before the component is rendered.
2571 Fires before the component is rendered. Return false to stop the render.
2577 <dl class="detailList">
2578 <dt class="heading">Parameters:</dt>
2581 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2602 <td class="msource">
2603 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2607 <tr class="method-row expandable config-row-alt1">
2608 <td class="micon"><a class="exi" href="#expand"> </a></td>
2611 <a id="Roo.Component-event-*beforeshow"></a>
2613 <div class="fixedFont">
2614 <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>)
2620 <div class="short">Fires before the component is shown.
2626 Fires before the component is shown. Return false to stop the show.
2632 <dl class="detailList">
2633 <dt class="heading">Parameters:</dt>
2636 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2657 <td class="msource">
2658 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2662 <tr class="method-row expandable config-row-alt0">
2663 <td class="micon"><a class="exi" href="#expand"> </a></td>
2666 <a id="Roo.Component-event-*destroy"></a>
2668 <div class="fixedFont">
2669 <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>)
2675 <div class="short">Fires after the component is destroyed.
2681 Fires after the component is destroyed.
2687 <dl class="detailList">
2688 <dt class="heading">Parameters:</dt>
2691 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2712 <td class="msource">
2713 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2717 <tr class="method-row expandable config-row-alt1">
2718 <td class="micon"><a class="exi" href="#expand"> </a></td>
2721 <a id="Roo.Component-event-*disable"></a>
2723 <div class="fixedFont">
2724 <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>)
2730 <div class="short">Fires after the component is disabled.
2736 Fires after the component is disabled.
2742 <dl class="detailList">
2743 <dt class="heading">Parameters:</dt>
2746 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2767 <td class="msource">
2768 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2772 <tr class="method-row expandable config-row-alt0">
2773 <td class="micon"><a class="exi" href="#expand"> </a></td>
2776 <a id="Roo.Component-event-*enable"></a>
2778 <div class="fixedFont">
2779 <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>)
2785 <div class="short">Fires after the component is enabled.
2791 Fires after the component is enabled.
2797 <dl class="detailList">
2798 <dt class="heading">Parameters:</dt>
2801 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2822 <td class="msource">
2823 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2827 <tr class="method-row expandable config-row-alt1">
2828 <td class="micon"><a class="exi" href="#expand"> </a></td>
2831 <a id="Roo.Component-event-*hide"></a>
2833 <div class="fixedFont">
2834 <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>)
2840 <div class="short">Fires after the component is hidden.
2846 Fires after the component is hidden.
2852 <dl class="detailList">
2853 <dt class="heading">Parameters:</dt>
2856 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2877 <td class="msource">
2878 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2882 <tr class="method-row expandable config-row-alt0">
2883 <td class="micon"><a class="exi" href="#expand"> </a></td>
2886 <a id="Roo.Component-event-*render"></a>
2888 <div class="fixedFont">
2889 <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>)
2895 <div class="short">Fires after the component is rendered.
2901 Fires after the component is rendered.
2907 <dl class="detailList">
2908 <dt class="heading">Parameters:</dt>
2911 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2932 <td class="msource">
2933 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2937 <tr class="method-row expandable config-row-alt1">
2938 <td class="micon"><a class="exi" href="#expand"> </a></td>
2941 <a id="Roo.Component-event-*show"></a>
2943 <div class="fixedFont">
2944 <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>)
2950 <div class="short">Fires after the component is shown.
2956 Fires after the component is shown.
2962 <dl class="detailList">
2963 <dt class="heading">Parameters:</dt>
2966 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2987 <td class="msource">
2988 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2999 <!-- ============================== footer ================================= -->
3000 <div class="fineprint" style="clear:both">
3002 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Mon Sep 22 2014 18:10:35 GMT+0800 (HKT)
3004 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>