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.DatePicker</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.DatePicker-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.DatePicker-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.DatePicker-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.DatePicker-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.DatePicker
53 <!-- ============================== class title / details ============================ -->
56 <h1 class="classTitle">
61 <table cellspacing="0" class="class-summary-table">
63 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
65 <tr><td class="label">Defined In:</td><td class="hd-info">
67 <a href="./src/Roo_DatePicker.js.html">Roo/DatePicker.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">DatePicker</td></tr>
75 <tr><td class="label">Extends:</td><td class="hd-info">
76 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
84 <!-- ============================== class summary ========================== -->
85 <div class="description">
86 Simple date picker class.
90 <!-- ============================== Class comment block... ========================== -->
92 <div class="comments">
93 <b>Class Comments / Notes</B> =>
94 <u onclick="parent.CommentDialog.showCommentId = 'Roo.DatePicker';">[Add Your comment/notes about this class]</u>
96 <iframe frameborder="0" id="comments-Roo" style="border: none;width:100%;"
97 src="/blog.php/GtkDjsComments/Roo.DatePicker.html"></iframe>
102 <!-- ============================== config options ========================== -->
107 <div class="hr"></div>
108 <a id="Roo.DatePicker-configs"></a>
114 <table cellspacing="0" class="member-table">
115 <caption>Config Options (Usually are also Properties)</caption>
119 <th class="sig-header" colspan="2">Options</th>
121 <th class="msource-header">Defined By</th>
128 <tr class="config-row expandable config-row-alt0">
129 <td class="micon"><a class="exi" href="#expand"> </a></td>
132 <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
133 <div class="fixedFont">
134 <b class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
140 <div class="short">which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'</div>
144 <div class="long">which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'</div>
152 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
158 <tr class="config-row expandable config-row-alt1">
159 <td class="micon"><a class="exi" href="#expand"> </a></td>
162 <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
163 <div class="fixedFont">
164 <b class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
170 <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
174 <div class="long">Whether the component can move the Dom node when rendering (defaults to true).</div>
182 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
188 <tr class="config-row expandable config-row-alt0 notInherited">
189 <td class="micon"><a class="exi" href="#expand"> </a></td>
192 <a id="Roo.DatePicker-cfg-cancelText" name=".cancelText"></a>
193 <div class="fixedFont">
194 <b class="itemname">cancelText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
200 <div class="short">The text to display on the cancel button</div>
204 <div class="long">The text to display on the cancel button</div>
218 <tr class="config-row expandable config-row-alt1 notInherited">
219 <td class="micon"><a class="exi" href="#expand"> </a></td>
222 <a id="Roo.DatePicker-cfg-constrainToViewport" name=".constrainToViewport"></a>
223 <div class="fixedFont">
224 <b class="itemname">constrainToViewport</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
230 <div class="short">True to constrain the date picker to the viewport (defaults to true)</div>
234 <div class="long">True to constrain the date picker to the viewport (defaults to true)</div>
248 <tr class="config-row expandable config-row-alt0 notInherited">
249 <td class="micon"><a class="exi" href="#expand"> </a></td>
252 <a id="Roo.DatePicker-cfg-dayNames" name=".dayNames"></a>
253 <div class="fixedFont">
254 <b class="itemname">dayNames</b> : <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
260 <div class="short">An array of textual day names which can be overriden for localization support (defaults to Date.dayNames)</div>
264 <div class="long">An array of textual day names which can be overriden for localization support (defaults to Date.dayNames)</div>
278 <tr class="config-row expandable config-row-alt1">
279 <td class="micon"><a class="exi" href="#expand"> </a></td>
282 <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
283 <div class="fixedFont">
284 <b class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
290 <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
294 <div class="long">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
302 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
308 <tr class="config-row expandable config-row-alt0 notInherited">
309 <td class="micon"><a class="exi" href="#expand"> </a></td>
312 <a id="Roo.DatePicker-cfg-disabledDatesRE" name=".disabledDatesRE"></a>
313 <div class="fixedFont">
314 <b class="itemname">disabledDatesRE</b> : RegExp
320 <div class="short">JavaScript regular expression used to disable a pattern of dates (defaults to null)</div>
324 <div class="long">JavaScript regular expression used to disable a pattern of dates (defaults to null)</div>
338 <tr class="config-row expandable config-row-alt1 notInherited">
339 <td class="micon"><a class="exi" href="#expand"> </a></td>
342 <a id="Roo.DatePicker-cfg-disabledDatesText" name=".disabledDatesText"></a>
343 <div class="fixedFont">
344 <b class="itemname">disabledDatesText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
350 <div class="short">The tooltip text to display when the date falls on a disabled date (defaults to "")</div>
354 <div class="long">The tooltip text to display when the date falls on a disabled date (defaults to "")</div>
368 <tr class="config-row expandable config-row-alt0 notInherited">
369 <td class="micon"><a class="exi" href="#expand"> </a></td>
372 <a id="Roo.DatePicker-cfg-disabledDays" name=".disabledDays"></a>
373 <div class="fixedFont">
374 <b class="itemname">disabledDays</b> : <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
380 <div class="short">An array of days to disable, 0-based.</div>
384 <div class="long">An array of days to disable, 0-based. For example, [0, 6] disables Sunday and Saturday (defaults to null).</div>
398 <tr class="config-row expandable config-row-alt1 notInherited">
399 <td class="micon"><a class="exi" href="#expand"> </a></td>
402 <a id="Roo.DatePicker-cfg-disabledDaysText" name=".disabledDaysText"></a>
403 <div class="fixedFont">
404 <b class="itemname">disabledDaysText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
410 <div class="short">The tooltip to display when the date falls on a disabled day (defaults to "")</div>
414 <div class="long">The tooltip to display when the date falls on a disabled day (defaults to "")</div>
428 <tr class="config-row expandable config-row-alt0 notInherited">
429 <td class="micon"><a class="exi" href="#expand"> </a></td>
432 <a id="Roo.DatePicker-cfg-format" name=".format"></a>
433 <div class="fixedFont">
434 <b class="itemname">format</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
440 <div class="short">The default date format string which can be overriden for localization support.</div>
444 <div class="long">The default date format string which can be overriden for localization support. The format must be<br/>valid according to {<b>link</b> Date<b>parseDate</b>} (defaults to 'm/d/y').</div>
458 <tr class="config-row expandable config-row-alt1">
459 <td class="micon"><a class="exi" href="#expand"> </a></td>
462 <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
463 <div class="fixedFont">
464 <b class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
470 <div class="short">How this component should hidden.</div>
474 <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>
482 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
488 <tr class="config-row expandable config-row-alt0">
489 <td class="micon"><a class="exi" href="#expand"> </a></td>
492 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
493 <div class="fixedFont">
494 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
500 <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>
504 <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>
512 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
518 <tr class="config-row expandable config-row-alt1 notInherited">
519 <td class="micon"><a class="exi" href="#expand"> </a></td>
522 <a id="Roo.DatePicker-cfg-maxDate" name=".maxDate"></a>
523 <div class="fixedFont">
524 <b class="itemname">maxDate</b> : <a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a>
530 <div class="short">Maximum allowable date (JavaScript date object, defaults to null)</div>
534 <div class="long">Maximum allowable date (JavaScript date object, defaults to null)</div>
548 <tr class="config-row expandable config-row-alt0 notInherited">
549 <td class="micon"><a class="exi" href="#expand"> </a></td>
552 <a id="Roo.DatePicker-cfg-maxText" name=".maxText"></a>
553 <div class="fixedFont">
554 <b class="itemname">maxText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
560 <div class="short">The error text to display if the maxDate validation fails (defaults to "This date is after the maximum date")</div>
564 <div class="long">The error text to display if the maxDate validation fails (defaults to "This date is after the maximum date")</div>
578 <tr class="config-row expandable config-row-alt1 notInherited">
579 <td class="micon"><a class="exi" href="#expand"> </a></td>
582 <a id="Roo.DatePicker-cfg-minDate" name=".minDate"></a>
583 <div class="fixedFont">
584 <b class="itemname">minDate</b> : <a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a>
590 <div class="short">Minimum allowable date (JavaScript date object, defaults to null)</div>
594 <div class="long">Minimum allowable date (JavaScript date object, defaults to null)</div>
608 <tr class="config-row expandable config-row-alt0 notInherited">
609 <td class="micon"><a class="exi" href="#expand"> </a></td>
612 <a id="Roo.DatePicker-cfg-minText" name=".minText"></a>
613 <div class="fixedFont">
614 <b class="itemname">minText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
620 <div class="short">The error text to display if the minDate validation fails (defaults to "This date is before the minimum date")</div>
624 <div class="long">The error text to display if the minDate validation fails (defaults to "This date is before the minimum date")</div>
638 <tr class="config-row expandable config-row-alt1 notInherited">
639 <td class="micon"><a class="exi" href="#expand"> </a></td>
642 <a id="Roo.DatePicker-cfg-monthNames" name=".monthNames"></a>
643 <div class="fixedFont">
644 <b class="itemname">monthNames</b> : <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
650 <div class="short">An array of textual month names which can be overriden for localization support (defaults to Date.monthNames)</div>
654 <div class="long">An array of textual month names which can be overriden for localization support (defaults to Date.monthNames)</div>
668 <tr class="config-row expandable config-row-alt0 notInherited">
669 <td class="micon"><a class="exi" href="#expand"> </a></td>
672 <a id="Roo.DatePicker-cfg-monthYearText" name=".monthYearText"></a>
673 <div class="fixedFont">
674 <b class="itemname">monthYearText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
680 <div class="short">The header month selector tooltip (defaults to 'Choose a month (Control+Up/Down to move years)')</div>
684 <div class="long">The header month selector tooltip (defaults to 'Choose a month (Control+Up/Down to move years)')</div>
698 <tr class="config-row expandable config-row-alt1 notInherited">
699 <td class="micon"><a class="exi" href="#expand"> </a></td>
702 <a id="Roo.DatePicker-cfg-nextText" name=".nextText"></a>
703 <div class="fixedFont">
704 <b class="itemname">nextText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
710 <div class="short">The next month navigation button tooltip (defaults to 'Next Month (Control+Right)')</div>
714 <div class="long">The next month navigation button tooltip (defaults to 'Next Month (Control+Right)')</div>
728 <tr class="config-row expandable config-row-alt0 notInherited">
729 <td class="micon"><a class="exi" href="#expand"> </a></td>
732 <a id="Roo.DatePicker-cfg-okText" name=".okText"></a>
733 <div class="fixedFont">
734 <b class="itemname">okText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
740 <div class="short">The text to display on the ok button</div>
744 <div class="long">The text to display on the ok button</div>
758 <tr class="config-row expandable config-row-alt1 notInherited">
759 <td class="micon"><a class="exi" href="#expand"> </a></td>
762 <a id="Roo.DatePicker-cfg-prevText" name=".prevText"></a>
763 <div class="fixedFont">
764 <b class="itemname">prevText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
770 <div class="short">The previous month navigation button tooltip (defaults to 'Previous Month (Control+Left)')</div>
774 <div class="long">The previous month navigation button tooltip (defaults to 'Previous Month (Control+Left)')</div>
788 <tr class="config-row expandable config-row-alt0 notInherited">
789 <td class="micon"><a class="exi" href="#expand"> </a></td>
792 <a id="Roo.DatePicker-cfg-showClear" name=".showClear"></a>
793 <div class="fixedFont">
794 <b class="itemname">showClear</b> : Bool
800 <div class="short">Show a clear button (usefull for date form elements that can be blank.</div>
804 <div class="long">Show a clear button (usefull for date form elements that can be blank.)</div>
818 <tr class="config-row expandable config-row-alt1 notInherited">
819 <td class="micon"><a class="exi" href="#expand"> </a></td>
822 <a id="Roo.DatePicker-cfg-startDay" name=".startDay"></a>
823 <div class="fixedFont">
824 <b class="itemname">startDay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
830 <div class="short">Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)</div>
834 <div class="long">Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)</div>
848 <tr class="config-row expandable config-row-alt0 notInherited">
849 <td class="micon"><a class="exi" href="#expand"> </a></td>
852 <a id="Roo.DatePicker-cfg-todayText" name=".todayText"></a>
853 <div class="fixedFont">
854 <b class="itemname">todayText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
860 <div class="short">The text to display on the button that selects the current date (defaults to "Today")</div>
864 <div class="long">The text to display on the button that selects the current date (defaults to "Today")</div>
878 <tr class="config-row expandable config-row-alt1 notInherited">
879 <td class="micon"><a class="exi" href="#expand"> </a></td>
882 <a id="Roo.DatePicker-cfg-todayTip" name=".todayTip"></a>
883 <div class="fixedFont">
884 <b class="itemname">todayTip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
890 <div class="short">The tooltip to display for the button that selects the current date (defaults to "{current date} (Spacebar)")</div>
894 <div class="long">The tooltip to display for the button that selects the current date (defaults to "{current date} (Spacebar)")</div>
918 <!-- ============================== public properties ==================== -->
922 <a id="Roo.DatePicker-props"></a>
928 <table cellspacing="0" class="member-table">
929 <caption class="Empty">Public Properties - Has None</caption>
935 <!-- ============================== methods summary / details ======================== -->
938 <a id="Roo.DatePicker-methods"></a>
939 <!-- constructor?? -->
946 <!-- then dynamics first -->
953 <table cellspacing="0" class="member-table">
954 <caption>Public Methods</caption>
956 <th class="sig-header" colspan="2">Method</th>
957 <th class="msource-header">Defined By</th>
967 <tr class="method-row config-row-alt0 expandable notInherited">
968 <td class="micon"><a class="exi" href="#expand"> </a></td>
972 <a id="Roo-method-DatePicker" name=".DatePicker"></a>
973 <div class="fixedFont">
974 <span class="attributes">new <B>Roo.</B></span><b class="itemname">DatePicker</b>
976 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
984 <div class="short">Create a new Roo.DatePicker</div>
991 Create a new Roo.DatePicker
994 <dl class="detailList">
995 <dt class="heading">Parameters:</dt>
998 <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>
1001 <dd>The config object</dd>
1019 <td class="msource">
1025 <tr class="method-row config-row-alt1 expandable">
1026 <td class="micon"><a class="exi" href="#expand"> </a></td>
1030 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1031 <div class="fixedFont">
1032 <span class="attributes"></span><b class="itemname">addEvents</b>
1034 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1041 <div class="short">Used to define events on this Observable</div>
1047 Used to define events on this Observable
1054 <dl class="detailList">
1055 <dt class="heading">Parameters:</dt>
1058 <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>
1061 <dd>The object with the events defined</dd>
1079 <td class="msource">
1081 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1087 <tr class="method-row config-row-alt0 expandable">
1088 <td class="micon"><a class="exi" href="#expand"> </a></td>
1092 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1093 <div class="fixedFont">
1094 <span class="attributes"></span><b class="itemname">addListener</b>
1096 (<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>)
1103 <div class="short">Appends an event handler to this component</div>
1109 Appends an event handler to this component
1116 <dl class="detailList">
1117 <dt class="heading">Parameters:</dt>
1120 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1123 <dd>The type of event to listen for</dd>
1126 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1129 <dd>The method the event invokes</dd>
1132 <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>
1135 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1138 <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>
1141 <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>
1159 <td class="msource">
1161 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1167 <tr class="method-row config-row-alt1 expandable">
1168 <td class="micon"><a class="exi" href="#expand"> </a></td>
1172 <a id="Roo.Component-method-destroy" name=".destroy"></a>
1173 <div class="fixedFont">
1174 <span class="attributes"></span><b class="itemname">destroy</b>
1183 <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>
1189 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}.
1210 <td class="msource">
1212 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1218 <tr class="method-row config-row-alt0 expandable">
1219 <td class="micon"><a class="exi" href="#expand"> </a></td>
1223 <a id="Roo.Component-method-disable" name=".disable"></a>
1224 <div class="fixedFont">
1225 <span class="attributes"></span><b class="itemname">disable</b>
1233 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1242 <div class="short">Disable this component.</div>
1248 Disable this component.
1259 <dl class="detailList">
1260 <dt class="heading">Returns:</dt>
1262 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1276 <td class="msource">
1278 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1284 <tr class="method-row config-row-alt1 expandable">
1285 <td class="micon"><a class="exi" href="#expand"> </a></td>
1289 <a id="Roo.Component-method-enable" name=".enable"></a>
1290 <div class="fixedFont">
1291 <span class="attributes"></span><b class="itemname">enable</b>
1299 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1308 <div class="short">Enable this component.</div>
1314 Enable this component.
1325 <dl class="detailList">
1326 <dt class="heading">Returns:</dt>
1328 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1342 <td class="msource">
1344 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1350 <tr class="method-row config-row-alt0 expandable">
1351 <td class="micon"><a class="exi" href="#expand"> </a></td>
1355 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1356 <div class="fixedFont">
1357 <span class="attributes"></span><b class="itemname">fireEvent</b>
1359 (<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>)
1365 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1374 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1380 Fires the specified event with the passed parameters (minus the event name).
1387 <dl class="detailList">
1388 <dt class="heading">Parameters:</dt>
1391 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1397 <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>
1400 <dd>Variable number of parameters are passed to handlers</dd>
1408 <dl class="detailList">
1409 <dt class="heading">Returns:</dt>
1411 <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>
1425 <td class="msource">
1427 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1433 <tr class="method-row config-row-alt1 expandable">
1434 <td class="micon"><a class="exi" href="#expand"> </a></td>
1438 <a id="Roo.Component-method-focus" name=".focus"></a>
1439 <div class="fixedFont">
1440 <span class="attributes"></span><b class="itemname">focus</b>
1442 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1448 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1457 <div class="short">Try to focus this component.</div>
1463 Try to focus this component.
1470 <dl class="detailList">
1471 <dt class="heading">Parameters:</dt>
1474 <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>
1477 <dd>True to also select the text in this component (if applicable)</dd>
1485 <dl class="detailList">
1486 <dt class="heading">Returns:</dt>
1488 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1502 <td class="msource">
1504 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1510 <tr class="method-row config-row-alt0 expandable">
1511 <td class="micon"><a class="exi" href="#expand"> </a></td>
1515 <a id="Roo.Component-method-getEl" name=".getEl"></a>
1516 <div class="fixedFont">
1517 <span class="attributes"></span><b class="itemname">getEl</b>
1525 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1534 <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1540 Returns the underlying {<b>link</b> Roo.Element}.
1551 <dl class="detailList">
1552 <dt class="heading">Returns:</dt>
1554 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1568 <td class="msource">
1570 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1576 <tr class="method-row config-row-alt1 expandable">
1577 <td class="micon"><a class="exi" href="#expand"> </a></td>
1581 <a id="Roo.Component-method-getId" name=".getId"></a>
1582 <div class="fixedFont">
1583 <span class="attributes"></span><b class="itemname">getId</b>
1591 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1600 <div class="short">Returns the id of this component.</div>
1606 Returns the id of this component.
1617 <dl class="detailList">
1618 <dt class="heading">Returns:</dt>
1620 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
1634 <td class="msource">
1636 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1642 <tr class="method-row config-row-alt0 expandable notInherited">
1643 <td class="micon"><a class="exi" href="#expand"> </a></td>
1647 <a id="Roo.DatePicker-method-getValue" name=".getValue"></a>
1648 <div class="fixedFont">
1649 <span class="attributes"></span><b class="itemname">getValue</b>
1657 <a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a>
1666 <div class="short">Gets the current selected value of the date field</div>
1672 Gets the current selected value of the date field
1683 <dl class="detailList">
1684 <dt class="heading">Returns:</dt>
1686 <dd><span class="fixedFont"><a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a></span> The selected date</dd>
1700 <td class="msource">
1708 <tr class="method-row config-row-alt1 expandable">
1709 <td class="micon"><a class="exi" href="#expand"> </a></td>
1713 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1714 <div class="fixedFont">
1715 <span class="attributes"></span><b class="itemname">hasListener</b>
1717 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1723 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1732 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1738 Checks to see if this object has any listeners for a specified event
1745 <dl class="detailList">
1746 <dt class="heading">Parameters:</dt>
1749 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1752 <dd>The name of the event to check for</dd>
1760 <dl class="detailList">
1761 <dt class="heading">Returns:</dt>
1763 <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>
1777 <td class="msource">
1779 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1785 <tr class="method-row config-row-alt0 expandable">
1786 <td class="micon"><a class="exi" href="#expand"> </a></td>
1790 <a id="Roo.Component-method-hide" name=".hide"></a>
1791 <div class="fixedFont">
1792 <span class="attributes"></span><b class="itemname">hide</b>
1800 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1809 <div class="short">Hide this component.</div>
1815 Hide this component.
1826 <dl class="detailList">
1827 <dt class="heading">Returns:</dt>
1829 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1843 <td class="msource">
1845 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1851 <tr class="method-row config-row-alt1 expandable">
1852 <td class="micon"><a class="exi" href="#expand"> </a></td>
1856 <a id="Roo.Component-method-isVisible" name=".isVisible"></a>
1857 <div class="fixedFont">
1858 <span class="attributes"></span><b class="itemname">isVisible</b>
1867 <div class="short">Returns true if this component is visible.</div>
1873 Returns true if this component is visible.
1894 <td class="msource">
1896 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1902 <tr class="method-row config-row-alt0 expandable">
1903 <td class="micon"><a class="exi" href="#expand"> </a></td>
1907 <a id="Roo.util.Observable-method-on" name=".on"></a>
1908 <div class="fixedFont">
1909 <span class="attributes"></span><b class="itemname">on</b>
1911 (<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>)
1918 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1924 Appends an event handler to this element (shorthand for addListener)
1931 <dl class="detailList">
1932 <dt class="heading">Parameters:</dt>
1935 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1938 <dd>The type of event to listen for</dd>
1941 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1944 <dd>The method the event invokes</dd>
1947 <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>
1950 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1953 <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>
1974 <td class="msource">
1976 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1982 <tr class="method-row config-row-alt1 expandable">
1983 <td class="micon"><a class="exi" href="#expand"> </a></td>
1987 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1988 <div class="fixedFont">
1989 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1998 <div class="short">Removes all listeners for this object</div>
2004 Removes all listeners for this object
2025 <td class="msource">
2027 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2033 <tr class="method-row config-row-alt0 expandable">
2034 <td class="micon"><a class="exi" href="#expand"> </a></td>
2038 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2039 <div class="fixedFont">
2040 <span class="attributes"></span><b class="itemname">removeListener</b>
2042 (<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>)
2049 <div class="short">Removes a listener</div>
2062 <dl class="detailList">
2063 <dt class="heading">Parameters:</dt>
2066 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2069 <dd>The type of event to listen for</dd>
2072 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2075 <dd>The handler to remove</dd>
2078 <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>
2081 <dd>(optional) The scope (this object) for the handler</dd>
2099 <td class="msource">
2101 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2107 <tr class="method-row config-row-alt1 expandable">
2108 <td class="micon"><a class="exi" href="#expand"> </a></td>
2112 <a id="Roo.Component-method-render" name=".render"></a>
2113 <div class="fixedFont">
2114 <span class="attributes"></span><b class="itemname">render</b>
2116 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
2123 <div class="short">If this is a lazy rendering component, render it to its container element.</div>
2129 If this is a lazy rendering component, render it to its container element.
2136 <dl class="detailList">
2137 <dt class="heading">Parameters:</dt>
2140 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
2143 <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
2161 <td class="msource">
2163 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2169 <tr class="method-row config-row-alt0 expandable">
2170 <td class="micon"><a class="exi" href="#expand"> </a></td>
2174 <a id="Roo.Component-method-setDisabled" name=".setDisabled"></a>
2175 <div class="fixedFont">
2176 <span class="attributes"></span><b class="itemname">setDisabled</b>
2178 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
2185 <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
2191 Convenience function for setting disabled/enabled by boolean.
2198 <dl class="detailList">
2199 <dt class="heading">Parameters:</dt>
2202 <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>
2223 <td class="msource">
2225 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2231 <tr class="method-row config-row-alt1 expandable notInherited">
2232 <td class="micon"><a class="exi" href="#expand"> </a></td>
2236 <a id="Roo.DatePicker-method-setValue" name=".setValue"></a>
2237 <div class="fixedFont">
2238 <span class="attributes"></span><b class="itemname">setValue</b>
2240 (<a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a> <B><i>value</i></B>)
2247 <div class="short">Sets the value of the date field</div>
2253 Sets the value of the date field
2260 <dl class="detailList">
2261 <dt class="heading">Parameters:</dt>
2264 <span class="fixedFont"><a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a></span> <b>value</b>
2267 <dd>The date to set</dd>
2285 <td class="msource">
2293 <tr class="method-row config-row-alt0 expandable">
2294 <td class="micon"><a class="exi" href="#expand"> </a></td>
2298 <a id="Roo.Component-method-setVisible" name=".setVisible"></a>
2299 <div class="fixedFont">
2300 <span class="attributes"></span><b class="itemname">setVisible</b>
2302 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2308 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2317 <div class="short">Convenience function to hide or show this component by boolean.</div>
2323 Convenience function to hide or show this component by boolean.
2330 <dl class="detailList">
2331 <dt class="heading">Parameters:</dt>
2334 <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>
2337 <dd>True to show, false to hide</dd>
2345 <dl class="detailList">
2346 <dt class="heading">Returns:</dt>
2348 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2362 <td class="msource">
2364 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2370 <tr class="method-row config-row-alt1 expandable">
2371 <td class="micon"><a class="exi" href="#expand"> </a></td>
2375 <a id="Roo.Component-method-show" name=".show"></a>
2376 <div class="fixedFont">
2377 <span class="attributes"></span><b class="itemname">show</b>
2385 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2394 <div class="short">Show this component.</div>
2400 Show this component.
2411 <dl class="detailList">
2412 <dt class="heading">Returns:</dt>
2414 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2428 <td class="msource">
2430 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2436 <tr class="method-row config-row-alt0 expandable">
2437 <td class="micon"><a class="exi" href="#expand"> </a></td>
2441 <a id="Roo.util.Observable-method-un" name=".un"></a>
2442 <div class="fixedFont">
2443 <span class="attributes"></span><b class="itemname">un</b>
2445 (<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>)
2452 <div class="short">Removes a listener (shorthand for removeListener)</div>
2458 Removes a listener (shorthand for removeListener)
2465 <dl class="detailList">
2466 <dt class="heading">Parameters:</dt>
2469 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2472 <dd>The type of event to listen for</dd>
2475 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2478 <dd>The handler to remove</dd>
2481 <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>
2484 <dd>(optional) The scope (this object) for the handler</dd>
2502 <td class="msource">
2504 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2513 <!-- ============================== events summary / details ======================== -->
2516 <a id="Roo.DatePicker-events"></a>
2525 <table cellspacing="0" class="member-table">
2526 <caption>Events</caption>
2529 <th class="sig-header" colspan="2">Event</th>
2530 <th class="msource-header">Defined By</th>
2539 <tr class="method-row expandable config-row-alt0">
2540 <td class="micon"><a class="exi" href="#expand"> </a></td>
2543 <a id="Roo.Component-event-*beforedestroy"></a>
2545 <div class="fixedFont">
2546 <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>)
2552 <div class="short">Fires before the component is destroyed.
2558 Fires before the component is destroyed. Return false to stop the destroy.
2564 <dl class="detailList">
2565 <dt class="heading">Parameters:</dt>
2568 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2589 <td class="msource">
2590 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2594 <tr class="method-row expandable config-row-alt1">
2595 <td class="micon"><a class="exi" href="#expand"> </a></td>
2598 <a id="Roo.Component-event-*beforehide"></a>
2600 <div class="fixedFont">
2601 <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>)
2607 <div class="short">Fires before the component is hidden.
2613 Fires before the component is hidden. Return false to stop the hide.
2619 <dl class="detailList">
2620 <dt class="heading">Parameters:</dt>
2623 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2644 <td class="msource">
2645 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2649 <tr class="method-row expandable config-row-alt0">
2650 <td class="micon"><a class="exi" href="#expand"> </a></td>
2653 <a id="Roo.Component-event-*beforerender"></a>
2655 <div class="fixedFont">
2656 <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>)
2662 <div class="short">Fires before the component is rendered.
2668 Fires before the component is rendered. Return false to stop the render.
2674 <dl class="detailList">
2675 <dt class="heading">Parameters:</dt>
2678 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2699 <td class="msource">
2700 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2704 <tr class="method-row expandable config-row-alt1">
2705 <td class="micon"><a class="exi" href="#expand"> </a></td>
2708 <a id="Roo.Component-event-*beforeshow"></a>
2710 <div class="fixedFont">
2711 <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>)
2717 <div class="short">Fires before the component is shown.
2723 Fires before the component is shown. Return false to stop the show.
2729 <dl class="detailList">
2730 <dt class="heading">Parameters:</dt>
2733 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2754 <td class="msource">
2755 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2759 <tr class="method-row expandable config-row-alt0">
2760 <td class="micon"><a class="exi" href="#expand"> </a></td>
2763 <a id="Roo.Component-event-*destroy"></a>
2765 <div class="fixedFont">
2766 <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>)
2772 <div class="short">Fires after the component is destroyed.
2778 Fires after the component is destroyed.
2784 <dl class="detailList">
2785 <dt class="heading">Parameters:</dt>
2788 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2809 <td class="msource">
2810 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2814 <tr class="method-row expandable config-row-alt1">
2815 <td class="micon"><a class="exi" href="#expand"> </a></td>
2818 <a id="Roo.Component-event-*disable"></a>
2820 <div class="fixedFont">
2821 <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>)
2827 <div class="short">Fires after the component is disabled.
2833 Fires after the component is disabled.
2839 <dl class="detailList">
2840 <dt class="heading">Parameters:</dt>
2843 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2864 <td class="msource">
2865 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2869 <tr class="method-row expandable config-row-alt0">
2870 <td class="micon"><a class="exi" href="#expand"> </a></td>
2873 <a id="Roo.Component-event-*enable"></a>
2875 <div class="fixedFont">
2876 <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>)
2882 <div class="short">Fires after the component is enabled.
2888 Fires after the component is enabled.
2894 <dl class="detailList">
2895 <dt class="heading">Parameters:</dt>
2898 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2919 <td class="msource">
2920 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2924 <tr class="method-row expandable config-row-alt1">
2925 <td class="micon"><a class="exi" href="#expand"> </a></td>
2928 <a id="Roo.Component-event-*hide"></a>
2930 <div class="fixedFont">
2931 <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>)
2937 <div class="short">Fires after the component is hidden.
2943 Fires after the component is hidden.
2949 <dl class="detailList">
2950 <dt class="heading">Parameters:</dt>
2953 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2974 <td class="msource">
2975 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2979 <tr class="method-row expandable config-row-alt0">
2980 <td class="micon"><a class="exi" href="#expand"> </a></td>
2983 <a id="Roo.Component-event-*render"></a>
2985 <div class="fixedFont">
2986 <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>)
2992 <div class="short">Fires after the component is rendered.
2998 Fires after the component is rendered.
3004 <dl class="detailList">
3005 <dt class="heading">Parameters:</dt>
3008 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3029 <td class="msource">
3030 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3034 <tr class="method-row expandable config-row-alt1 notInherited">
3035 <td class="micon"><a class="exi" href="#expand"> </a></td>
3038 <a id="Roo.DatePicker-event-*select"></a>
3040 <div class="fixedFont">
3041 <b class="itemname">select</b> (DatePicker <B><i>this</i></B>, <a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a> <B><i>date</i></B>)
3047 <div class="short">Fires when a date is selected
3053 Fires when a date is selected
3059 <dl class="detailList">
3060 <dt class="heading">Parameters:</dt>
3063 <span class="fixedFont">DatePicker</span> <b>this</b>
3069 <span class="fixedFont"><a href="./Date.html#constructor" roo:cls="Date.html#constructor">Date</a></span> <b>date</b>
3072 <dd>The selected date</dd>
3090 <td class="msource">
3095 <tr class="method-row expandable config-row-alt0">
3096 <td class="micon"><a class="exi" href="#expand"> </a></td>
3099 <a id="Roo.Component-event-*show"></a>
3101 <div class="fixedFont">
3102 <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>)
3108 <div class="short">Fires after the component is shown.
3114 Fires after the component is shown.
3120 <dl class="detailList">
3121 <dt class="heading">Parameters:</dt>
3124 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3145 <td class="msource">
3146 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3157 <!-- ============================== footer ================================= -->
3158 <div class="fineprint" style="clear:both">
3160 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jan 14 2011 16:48:27 GMT+0800 (HKT)
3162 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>