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.Form</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.Form-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.bootstrap.Form-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.bootstrap.Form-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.bootstrap.Form-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.Form
54 <!-- ============================== class title / details ============================ -->
57 <h1 class="classTitle">
59 Class Roo.bootstrap.Form
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_Form.js.html">Roo/bootstrap/Form.js</a>.
71 <tr><td class="label">Class:</td><td class="hd-info">Form</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.Form';">[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.Form.html"></iframe>
103 <!-- ============================== config options ========================== -->
108 <div class="hr"></div>
109 <a id="Roo.bootstrap.Form-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>
146 which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'
156 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
162 <tr class="config-row expandable config-row-alt1 notInherited">
163 <td class="micon"><a class="exi" href="#expand"> </a></td>
166 <a id="Roo.bootstrap.Form-cfg-align" name=".align"></a>
167 <div class="fixedFont">
168 <b class="itemname">align</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
174 <div class="short">left | right - for navbars</div>
179 left | right - for navbars
195 <tr class="config-row expandable config-row-alt0">
196 <td class="micon"><a class="exi" href="#expand"> </a></td>
199 <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
200 <div class="fixedFont">
201 <b class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
207 <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
212 Whether the component can move the Dom node when rendering (defaults to true).
222 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
228 <tr class="config-row expandable config-row-alt1 notInherited">
229 <td class="micon"><a class="exi" href="#expand"> </a></td>
232 <a id="Roo.bootstrap.Form-cfg-baseParams" name=".baseParams"></a>
233 <div class="fixedFont">
234 <b class="itemname">baseParams</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
240 <div class="short">Parameters to pass with all requests.</div>
245 Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.
261 <tr class="config-row expandable config-row-alt0">
262 <td class="micon"><a class="exi" href="#expand"> </a></td>
265 <a id="Roo.bootstrap.Component-cfg-can_build_overlaid" name=".can_build_overlaid"></a>
266 <div class="fixedFont">
267 <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>
273 <div class="short">True if element can be rebuild from a HTML page</div>
278 True if element can be rebuild from a HTML page
288 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
294 <tr class="config-row expandable config-row-alt1">
295 <td class="micon"><a class="exi" href="#expand"> </a></td>
298 <a id="Roo.bootstrap.Component-cfg-cls" name=".cls"></a>
299 <div class="fixedFont">
300 <b class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
306 <div class="short">css class</div>
321 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
327 <tr class="config-row expandable config-row-alt0">
328 <td class="micon"><a class="exi" href="#expand"> </a></td>
331 <a id="Roo.bootstrap.Component-cfg-container_method" name=".container_method"></a>
332 <div class="fixedFont">
333 <b class="itemname">container_method</b> : string
339 <div class="short">method to fetch parents container element (used by NavHeaderbar - getHeaderChildContainer)</div>
344 method to fetch parents container element (used by NavHeaderbar - getHeaderChildContainer)
354 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
360 <tr class="config-row expandable config-row-alt1">
361 <td class="micon"><a class="exi" href="#expand"> </a></td>
364 <a id="Roo.bootstrap.Component-cfg-dataId" name=".dataId"></a>
365 <div class="fixedFont">
366 <b class="itemname">dataId</b> : string
372 <div class="short">cutomer id</div>
387 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
393 <tr class="config-row expandable config-row-alt0">
394 <td class="micon"><a class="exi" href="#expand"> </a></td>
397 <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
398 <div class="fixedFont">
399 <b class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
405 <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
410 CSS class added to the component when it is disabled (defaults to "x-item-disabled").
420 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
426 <tr class="config-row expandable config-row-alt1 notInherited">
427 <td class="micon"><a class="exi" href="#expand"> </a></td>
430 <a id="Roo.bootstrap.Form-cfg-errorMask" name=".errorMask"></a>
431 <div class="fixedFont">
432 <b class="itemname">errorMask</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
438 <div class="short">default false</div>
444 <BR/>Possible Values: true, false
459 <tr class="config-row expandable config-row-alt0 notInherited">
460 <td class="micon"><a class="exi" href="#expand"> </a></td>
463 <a id="Roo.bootstrap.Form-cfg-fileUpload" name=".fileUpload"></a>
464 <div class="fixedFont">
465 <b class="itemname">fileUpload</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
471 <div class="short">Set to true if this form is a file upload.</div>
476 Set to true if this form is a file upload.
492 <tr class="config-row expandable config-row-alt1">
493 <td class="micon"><a class="exi" href="#expand"> </a></td>
496 <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
497 <div class="fixedFont">
498 <b class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
504 <div class="short">How this component should hidden.</div>
509 How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
510 <BR/>Possible Values: display, visibility
519 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
525 <tr class="config-row expandable config-row-alt0 notInherited">
526 <td class="micon"><a class="exi" href="#expand"> </a></td>
529 <a id="Roo.bootstrap.Form-cfg-labelAlign" name=".labelAlign"></a>
530 <div class="fixedFont">
531 <b class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
537 <div class="short">top | left (default top)</div>
542 top | left (default top)
558 <tr class="config-row expandable config-row-alt1">
559 <td class="micon"><a class="exi" href="#expand"> </a></td>
562 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
563 <div class="fixedFont">
564 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
570 <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>
575 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>
585 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
591 <tr class="config-row expandable config-row-alt0 notInherited">
592 <td class="micon"><a class="exi" href="#expand"> </a></td>
595 <a id="Roo.bootstrap.Form-cfg-loadMask" name=".loadMask"></a>
596 <div class="fixedFont">
597 <b class="itemname">loadMask</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
603 <div class="short">load mask when submit (default true)</div>
608 load mask when submit (default true)
624 <tr class="config-row expandable config-row-alt1 notInherited">
625 <td class="micon"><a class="exi" href="#expand"> </a></td>
628 <a id="Roo.bootstrap.Form-cfg-maskBody" name=".maskBody"></a>
629 <div class="fixedFont">
630 <b class="itemname">maskBody</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
636 <div class="short"></div>
657 <tr class="config-row expandable config-row-alt0 notInherited">
658 <td class="micon"><a class="exi" href="#expand"> </a></td>
661 <a id="Roo.bootstrap.Form-cfg-maskOffset" name=".maskOffset"></a>
662 <div class="fixedFont">
663 <b class="itemname">maskOffset</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
669 <div class="short">Default 100</div>
690 <tr class="config-row expandable config-row-alt1 notInherited">
691 <td class="micon"><a class="exi" href="#expand"> </a></td>
694 <a id="Roo.bootstrap.Form-cfg-method" name=".method"></a>
695 <div class="fixedFont">
696 <b class="itemname">method</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
702 <div class="short">GET | POST (default POST)</div>
707 GET | POST (default POST)
723 <tr class="config-row expandable config-row-alt0">
724 <td class="micon"><a class="exi" href="#expand"> </a></td>
727 <a id="Roo.bootstrap.Component-cfg-name" name=".name"></a>
728 <div class="fixedFont">
729 <b class="itemname">name</b> : string
735 <div class="short">Specifies name attribute</div>
740 Specifies name attribute
750 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
756 <tr class="config-row expandable config-row-alt1">
757 <td class="micon"><a class="exi" href="#expand"> </a></td>
760 <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
761 <div class="fixedFont">
762 <b class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
768 <div class="short">any extra css</div>
783 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
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.Form-cfg-timeout" name=".timeout"></a>
794 <div class="fixedFont">
795 <b class="itemname">timeout</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
801 <div class="short">Timeout for form actions in seconds (default is 30 seconds).</div>
806 Timeout for form actions in seconds (default is 30 seconds).
822 <tr class="config-row expandable config-row-alt1">
823 <td class="micon"><a class="exi" href="#expand"> </a></td>
826 <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
827 <div class="fixedFont">
828 <b class="itemname">tooltip</b> : string
834 <div class="short">Text for the tooltip</div>
849 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
855 <tr class="config-row expandable config-row-alt0 notInherited">
856 <td class="micon"><a class="exi" href="#expand"> </a></td>
859 <a id="Roo.bootstrap.Form-cfg-url" name=".url"></a>
860 <div class="fixedFont">
861 <b class="itemname">url</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
867 <div class="short">The URL to use for form actions if one isn't supplied in the action options.</div>
872 The URL to use for form actions if one isn't supplied in the action options.
888 <tr class="config-row expandable config-row-alt1">
889 <td class="micon"><a class="exi" href="#expand"> </a></td>
892 <a id="Roo.bootstrap.Component-cfg-visibilityEl" name=".visibilityEl"></a>
893 <div class="fixedFont">
894 <b class="itemname">visibilityEl</b> : string|object
900 <div class="short">What element to use for visibility (<b>see</b> getVisibilityEl())</div>
905 What element to use for visibility (<b>see</b> getVisibilityEl())
906 <BR/>Possible Values: el, parent
915 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
921 <tr class="config-row expandable config-row-alt0">
922 <td class="micon"><a class="exi" href="#expand"> </a></td>
925 <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
926 <div class="fixedFont">
927 <b class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
933 <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
938 extra attributes to add to 'element' (used by builder to store stuff.)
948 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
964 <!-- ============================== public properties ==================== -->
968 <a id="Roo.bootstrap.Form-props"></a>
974 <table cellspacing="0" class="member-table">
975 <caption class="Empty">Public Properties - Has None</caption>
981 <!-- ============================== methods summary / details ======================== -->
984 <a id="Roo.bootstrap.Form-methods"></a>
985 <!-- constructor?? -->
992 <!-- then dynamics first -->
999 <table cellspacing="0" class="member-table">
1000 <caption>Public Methods</caption>
1002 <th class="sig-header" colspan="2">Method</th>
1003 <th class="msource-header">Defined By</th>
1013 <tr class="method-row config-row-alt0 expandable notInherited">
1014 <td class="micon"><a class="exi" href="#expand"> </a></td>
1018 <a id="Roo.bootstrap-method-Form" name=".Form"></a>
1019 <div class="fixedFont">
1020 <span class="attributes">new <B>Roo.bootstrap.</B></span><b class="itemname">Form</b>
1022 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1030 <div class="short">Create a new Roo.bootstrap.Form</div>
1037 Create a new Roo.bootstrap.Form
1040 <dl class="detailList">
1041 <dt class="heading">Parameters:</dt>
1044 <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>
1047 <dd>The config object</dd>
1065 <td class="msource">
1071 <tr class="method-row config-row-alt1 expandable">
1072 <td class="micon"><a class="exi" href="#expand"> </a></td>
1076 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1077 <div class="fixedFont">
1078 <span class="attributes"></span><b class="itemname">addEvents</b>
1080 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1087 <div class="short">Used to define events on this Observable</div>
1093 Used to define events on this Observable
1100 <dl class="detailList">
1101 <dt class="heading">Parameters:</dt>
1104 <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>
1107 <dd>The object with the events defined</dd>
1125 <td class="msource">
1127 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1133 <tr class="method-row config-row-alt0 expandable">
1134 <td class="micon"><a class="exi" href="#expand"> </a></td>
1138 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1139 <div class="fixedFont">
1140 <span class="attributes"></span><b class="itemname">addListener</b>
1142 (<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>)
1149 <div class="short">Appends an event handler to this component</div>
1155 Appends an event handler to this component
1162 <dl class="detailList">
1163 <dt class="heading">Parameters:</dt>
1166 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1169 <dd>The type of event to listen for</dd>
1172 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1175 <dd>The method the event invokes</dd>
1178 <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>
1181 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1184 <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>
1187 <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>
1205 <td class="msource">
1207 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1213 <tr class="method-row config-row-alt1 expandable notInherited">
1214 <td class="micon"><a class="exi" href="#expand"> </a></td>
1218 <a id="Roo.bootstrap.Form-method-clearInvalid" name=".clearInvalid"></a>
1219 <div class="fixedFont">
1220 <span class="attributes"></span><b class="itemname">clearInvalid</b>
1237 <div class="short">Clears all invalid messages in this form.</div>
1243 Clears all invalid messages in this form.
1254 <dl class="detailList">
1255 <dt class="heading">Returns:</dt>
1257 <dd><span class="fixedFont">BasicForm</span> this</dd>
1271 <td class="msource">
1279 <tr class="method-row config-row-alt0 expandable">
1280 <td class="micon"><a class="exi" href="#expand"> </a></td>
1284 <a id="Roo.Component-method-destroy" name=".destroy"></a>
1285 <div class="fixedFont">
1286 <span class="attributes"></span><b class="itemname">destroy</b>
1295 <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>
1301 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}.
1322 <td class="msource">
1324 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1330 <tr class="method-row config-row-alt1 expandable">
1331 <td class="micon"><a class="exi" href="#expand"> </a></td>
1335 <a id="Roo.Component-method-disable" name=".disable"></a>
1336 <div class="fixedFont">
1337 <span class="attributes"></span><b class="itemname">disable</b>
1345 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1354 <div class="short">Disable this component.</div>
1360 Disable this component.
1371 <dl class="detailList">
1372 <dt class="heading">Returns:</dt>
1374 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1388 <td class="msource">
1390 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1396 <tr class="method-row config-row-alt0 expandable notInherited">
1397 <td class="micon"><a class="exi" href="#expand"> </a></td>
1401 <a id="Roo.bootstrap.Form-method-doAction" name=".doAction"></a>
1402 <div class="fixedFont">
1403 <span class="attributes"></span><b class="itemname">doAction</b>
1405 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>actionName</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>)
1420 <div class="short">Performs a predefined action (submit or load) or custom actions you define on this form.</div>
1426 Performs a predefined action (submit or load) or custom actions you define on this form.
1433 <dl class="detailList">
1434 <dt class="heading">Parameters:</dt>
1437 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>actionName</b>
1440 <dd>The name of the action type</dd>
1443 <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>
1446 <dd>(optional) The options to pass to the action. All of the config options listed<br/>below are supported by both the submit and load actions unless otherwise noted (custom actions could also<br/>accept other config options):<br/><pre><br/>Property Type Description<br/>---------------- --------------- ----------------------------------------------------------------------------------<br/>url String The url for the action (defaults to the form's url)<br/>method String The form method to use (defaults to the form's method, or POST if not defined)<br/>params String/Object The params to pass (defaults to the form's baseParams, or none if not defined)<br/>clientValidation Boolean Applies to submit only. Pass true to call form.isValid() prior to posting to<br/> validate the form on the client (defaults to false)<br/></pre></dd>
1454 <dl class="detailList">
1455 <dt class="heading">Returns:</dt>
1457 <dd><span class="fixedFont">BasicForm</span> this</dd>
1471 <td class="msource">
1479 <tr class="method-row config-row-alt1 expandable">
1480 <td class="micon"><a class="exi" href="#expand"> </a></td>
1484 <a id="Roo.Component-method-enable" name=".enable"></a>
1485 <div class="fixedFont">
1486 <span class="attributes"></span><b class="itemname">enable</b>
1494 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1503 <div class="short">Enable this component.</div>
1509 Enable this component.
1520 <dl class="detailList">
1521 <dt class="heading">Returns:</dt>
1523 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1537 <td class="msource">
1539 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1545 <tr class="method-row config-row-alt0 expandable notInherited">
1546 <td class="micon"><a class="exi" href="#expand"> </a></td>
1550 <a id="Roo.bootstrap.Form-method-findField" name=".findField"></a>
1551 <div class="fixedFont">
1552 <span class="attributes"></span><b class="itemname">findField</b>
1554 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>)
1569 <div class="short">Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName</div>
1575 Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName
1582 <dl class="detailList">
1583 <dt class="heading">Parameters:</dt>
1586 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
1589 <dd>The value to search for</dd>
1597 <dl class="detailList">
1598 <dt class="heading">Returns:</dt>
1614 <td class="msource">
1622 <tr class="method-row config-row-alt1 expandable">
1623 <td class="micon"><a class="exi" href="#expand"> </a></td>
1627 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1628 <div class="fixedFont">
1629 <span class="attributes"></span><b class="itemname">fireEvent</b>
1631 (<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>)
1637 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1646 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1652 Fires the specified event with the passed parameters (minus the event name).
1659 <dl class="detailList">
1660 <dt class="heading">Parameters:</dt>
1663 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1669 <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>
1672 <dd>Variable number of parameters are passed to handlers</dd>
1680 <dl class="detailList">
1681 <dt class="heading">Returns:</dt>
1683 <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>
1697 <td class="msource">
1699 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1705 <tr class="method-row config-row-alt0 expandable">
1706 <td class="micon"><a class="exi" href="#expand"> </a></td>
1710 <a id="Roo.Component-method-focus" name=".focus"></a>
1711 <div class="fixedFont">
1712 <span class="attributes"></span><b class="itemname">focus</b>
1714 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1720 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1729 <div class="short">Try to focus this component.</div>
1735 Try to focus this component.
1742 <dl class="detailList">
1743 <dt class="heading">Parameters:</dt>
1746 <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>
1749 <dd>True to also select the text in this component (if applicable)</dd>
1757 <dl class="detailList">
1758 <dt class="heading">Returns:</dt>
1760 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1774 <td class="msource">
1776 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1782 <tr class="method-row config-row-alt1 expandable">
1783 <td class="micon"><a class="exi" href="#expand"> </a></td>
1787 <a id="Roo.bootstrap.Component-method-getChildContainer" name=".getChildContainer"></a>
1788 <div class="fixedFont">
1789 <span class="attributes"></span><b class="itemname">getChildContainer</b>
1797 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1806 <div class="short">Fetch the element to add children to</div>
1812 Fetch the element to add children to
1823 <dl class="detailList">
1824 <dt class="heading">Returns:</dt>
1826 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> defaults to this.el</dd>
1840 <td class="msource">
1842 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
1848 <tr class="method-row config-row-alt0 expandable">
1849 <td class="micon"><a class="exi" href="#expand"> </a></td>
1853 <a id="Roo.Component-method-getEl" name=".getEl"></a>
1854 <div class="fixedFont">
1855 <span class="attributes"></span><b class="itemname">getEl</b>
1863 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1872 <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1878 Returns the underlying {<b>link</b> Roo.Element}.
1889 <dl class="detailList">
1890 <dt class="heading">Returns:</dt>
1892 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1906 <td class="msource">
1908 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1914 <tr class="method-row config-row-alt1 expandable notInherited">
1915 <td class="micon"><a class="exi" href="#expand"> </a></td>
1919 <a id="Roo.bootstrap.Form-method-getFieldValues" name=".getFieldValues"></a>
1920 <div class="fixedFont">
1921 <span class="attributes"></span><b class="itemname">getFieldValues</b>
1929 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1938 <div class="short">Returns the fields in this form as an object with key/value pairs.</div>
1944 Returns the fields in this form as an object with key/value pairs.<br/>This differs from getValues as it calls getValue on each child item, rather than using dom data.
1955 <dl class="detailList">
1956 <dt class="heading">Returns:</dt>
1958 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> </dd>
1972 <td class="msource">
1980 <tr class="method-row config-row-alt0 expandable">
1981 <td class="micon"><a class="exi" href="#expand"> </a></td>
1985 <a id="Roo.Component-method-getId" name=".getId"></a>
1986 <div class="fixedFont">
1987 <span class="attributes"></span><b class="itemname">getId</b>
1995 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2004 <div class="short">Returns the id of this component.</div>
2010 Returns the id of this component.
2021 <dl class="detailList">
2022 <dt class="heading">Returns:</dt>
2024 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
2038 <td class="msource">
2040 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2046 <tr class="method-row config-row-alt1 expandable notInherited">
2047 <td class="micon"><a class="exi" href="#expand"> </a></td>
2051 <a id="Roo.bootstrap.Form-method-getValues" name=".getValues"></a>
2052 <div class="fixedFont">
2053 <span class="attributes"></span><b class="itemname">getValues</b>
2055 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>asString</i></B>)
2061 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
2070 <div class="short">Returns the fields in this form as an object with key/value pairs.</div>
2076 Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name<br/>they are returned as an array.
2083 <dl class="detailList">
2084 <dt class="heading">Parameters:</dt>
2087 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>asString</b>
2098 <dl class="detailList">
2099 <dt class="heading">Returns:</dt>
2101 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> </dd>
2115 <td class="msource">
2123 <tr class="method-row config-row-alt0 expandable">
2124 <td class="micon"><a class="exi" href="#expand"> </a></td>
2128 <a id="Roo.bootstrap.Component-method-getVisibilityEl" name=".getVisibilityEl"></a>
2129 <div class="fixedFont">
2130 <span class="attributes"></span><b class="itemname">getVisibilityEl</b>
2139 <div class="short">Get the element that will be used to show or hide</div>
2145 Get the element that will be used to show or hide
2166 <td class="msource">
2168 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2174 <tr class="method-row config-row-alt1 expandable">
2175 <td class="micon"><a class="exi" href="#expand"> </a></td>
2179 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
2180 <div class="fixedFont">
2181 <span class="attributes"></span><b class="itemname">hasListener</b>
2183 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
2189 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2198 <div class="short">Checks to see if this object has any listeners for a specified event</div>
2204 Checks to see if this object has any listeners for a specified event
2211 <dl class="detailList">
2212 <dt class="heading">Parameters:</dt>
2215 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2218 <dd>The name of the event to check for</dd>
2226 <dl class="detailList">
2227 <dt class="heading">Returns:</dt>
2229 <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>
2243 <td class="msource">
2245 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2251 <tr class="method-row config-row-alt0 expandable">
2252 <td class="micon"><a class="exi" href="#expand"> </a></td>
2256 <a id="Roo.bootstrap.Component-method-hide" name=".hide"></a>
2257 <div class="fixedFont">
2258 <span class="attributes"></span><b class="itemname">hide</b>
2267 <div class="short">Hide a component - adds 'hidden' class</div>
2273 Hide a component - adds 'hidden' class
2294 <td class="msource">
2296 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2302 <tr class="method-row config-row-alt1 expandable">
2303 <td class="micon"><a class="exi" href="#expand"> </a></td>
2307 <a id="Roo.bootstrap.Component-method-initEvents" name=".initEvents"></a>
2308 <div class="fixedFont">
2309 <span class="attributes"></span><b class="itemname">initEvents</b>
2318 <div class="short">Initialize Events for the element</div>
2324 Initialize Events for the element
2345 <td class="msource">
2347 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
2353 <tr class="method-row config-row-alt0 expandable notInherited">
2354 <td class="micon"><a class="exi" href="#expand"> </a></td>
2358 <a id="Roo.bootstrap.Form-method-isDirty" name=".isDirty"></a>
2359 <div class="fixedFont">
2360 <span class="attributes"></span><b class="itemname">isDirty</b>
2377 <div class="short">Returns true if any fields in this form have changed since their original load.</div>
2383 Returns true if any fields in this form have changed since their original load.
2394 <dl class="detailList">
2395 <dt class="heading">Returns:</dt>
2411 <td class="msource">
2419 <tr class="method-row config-row-alt1 expandable notInherited">
2420 <td class="micon"><a class="exi" href="#expand"> </a></td>
2424 <a id="Roo.bootstrap.Form-method-isValid" name=".isValid"></a>
2425 <div class="fixedFont">
2426 <span class="attributes"></span><b class="itemname">isValid</b>
2443 <div class="short">Returns true if client-side validation on the form is successful.</div>
2449 Returns true if client-side validation on the form is successful.
2460 <dl class="detailList">
2461 <dt class="heading">Returns:</dt>
2477 <td class="msource">
2485 <tr class="method-row config-row-alt0 expandable">
2486 <td class="micon"><a class="exi" href="#expand"> </a></td>
2490 <a id="Roo.Component-method-isVisible" name=".isVisible"></a>
2491 <div class="fixedFont">
2492 <span class="attributes"></span><b class="itemname">isVisible</b>
2501 <div class="short">Returns true if this component is visible.</div>
2507 Returns true if this component is visible.
2528 <td class="msource">
2530 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2536 <tr class="method-row config-row-alt1 expandable notInherited">
2537 <td class="micon"><a class="exi" href="#expand"> </a></td>
2541 <a id="Roo.bootstrap.Form-method-markInvalid" name=".markInvalid"></a>
2542 <div class="fixedFont">
2543 <span class="attributes"></span><b class="itemname">markInvalid</b>
2545 (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/Object <B><i>errors</i></B>)
2560 <div class="short">Mark fields in this form invalid in bulk.</div>
2566 Mark fields in this form invalid in bulk.
2573 <dl class="detailList">
2574 <dt class="heading">Parameters:</dt>
2577 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/Object</span> <b>errors</b>
2580 <dd>Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}</dd>
2588 <dl class="detailList">
2589 <dt class="heading">Returns:</dt>
2591 <dd><span class="fixedFont">BasicForm</span> this</dd>
2605 <td class="msource">
2613 <tr class="method-row config-row-alt0 expandable">
2614 <td class="micon"><a class="exi" href="#expand"> </a></td>
2618 <a id="Roo.util.Observable-method-on" name=".on"></a>
2619 <div class="fixedFont">
2620 <span class="attributes"></span><b class="itemname">on</b>
2622 (<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>)
2629 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2635 Appends an event handler to this element (shorthand for addListener)
2642 <dl class="detailList">
2643 <dt class="heading">Parameters:</dt>
2646 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2649 <dd>The type of event to listen for</dd>
2652 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2655 <dd>The method the event invokes</dd>
2658 <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>
2661 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2664 <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>
2685 <td class="msource">
2687 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2693 <tr class="method-row config-row-alt1 expandable">
2694 <td class="micon"><a class="exi" href="#expand"> </a></td>
2698 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
2699 <div class="fixedFont">
2700 <span class="attributes"></span><b class="itemname">purgeListeners</b>
2709 <div class="short">Removes all listeners for this object</div>
2715 Removes all listeners for this object
2736 <td class="msource">
2738 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2744 <tr class="method-row config-row-alt0 expandable">
2745 <td class="micon"><a class="exi" href="#expand"> </a></td>
2749 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2750 <div class="fixedFont">
2751 <span class="attributes"></span><b class="itemname">removeListener</b>
2753 (<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>)
2760 <div class="short">Removes a listener</div>
2773 <dl class="detailList">
2774 <dt class="heading">Parameters:</dt>
2777 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2780 <dd>The type of event to listen for</dd>
2783 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2786 <dd>The handler to remove</dd>
2789 <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>
2792 <dd>(optional) The scope (this object) for the handler</dd>
2810 <td class="msource">
2812 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2818 <tr class="method-row config-row-alt1 expandable">
2819 <td class="micon"><a class="exi" href="#expand"> </a></td>
2823 <a id="Roo.Component-method-render" name=".render"></a>
2824 <div class="fixedFont">
2825 <span class="attributes"></span><b class="itemname">render</b>
2827 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
2834 <div class="short">If this is a lazy rendering component, render it to its container element.</div>
2840 If this is a lazy rendering component, render it to its container element.
2847 <dl class="detailList">
2848 <dt class="heading">Parameters:</dt>
2851 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
2854 <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
2872 <td class="msource">
2874 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2880 <tr class="method-row config-row-alt0 expandable notInherited">
2881 <td class="micon"><a class="exi" href="#expand"> </a></td>
2885 <a id="Roo.bootstrap.Form-method-reset" name=".reset"></a>
2886 <div class="fixedFont">
2887 <span class="attributes"></span><b class="itemname">reset</b>
2904 <div class="short">Resets this form.</div>
2921 <dl class="detailList">
2922 <dt class="heading">Returns:</dt>
2924 <dd><span class="fixedFont">BasicForm</span> this</dd>
2938 <td class="msource">
2946 <tr class="method-row config-row-alt1 expandable">
2947 <td class="micon"><a class="exi" href="#expand"> </a></td>
2951 <a id="Roo.Component-method-setDisabled" name=".setDisabled"></a>
2952 <div class="fixedFont">
2953 <span class="attributes"></span><b class="itemname">setDisabled</b>
2955 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
2962 <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
2968 Convenience function for setting disabled/enabled by boolean.
2975 <dl class="detailList">
2976 <dt class="heading">Parameters:</dt>
2979 <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>
3000 <td class="msource">
3002 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3008 <tr class="method-row config-row-alt0 expandable notInherited">
3009 <td class="micon"><a class="exi" href="#expand"> </a></td>
3013 <a id="Roo.bootstrap.Form-method-setValues" name=".setValues"></a>
3014 <div class="fixedFont">
3015 <span class="attributes"></span><b class="itemname">setValues</b>
3017 (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/Object <B><i>values</i></B>)
3032 <div class="short">Set values for fields in this form in bulk.</div>
3038 Set values for fields in this form in bulk.
3045 <dl class="detailList">
3046 <dt class="heading">Parameters:</dt>
3049 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/Object</span> <b>values</b>
3052 <dd>Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}</dd>
3060 <dl class="detailList">
3061 <dt class="heading">Returns:</dt>
3063 <dd><span class="fixedFont">BasicForm</span> this</dd>
3077 <td class="msource">
3085 <tr class="method-row config-row-alt1 expandable">
3086 <td class="micon"><a class="exi" href="#expand"> </a></td>
3090 <a id="Roo.Component-method-setVisible" name=".setVisible"></a>
3091 <div class="fixedFont">
3092 <span class="attributes"></span><b class="itemname">setVisible</b>
3094 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
3100 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3109 <div class="short">Convenience function to hide or show this component by boolean.</div>
3115 Convenience function to hide or show this component by boolean.
3122 <dl class="detailList">
3123 <dt class="heading">Parameters:</dt>
3126 <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>
3129 <dd>True to show, false to hide</dd>
3137 <dl class="detailList">
3138 <dt class="heading">Returns:</dt>
3140 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
3154 <td class="msource">
3156 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3162 <tr class="method-row config-row-alt0 expandable">
3163 <td class="micon"><a class="exi" href="#expand"> </a></td>
3167 <a id="Roo.bootstrap.Component-method-show" name=".show"></a>
3168 <div class="fixedFont">
3169 <span class="attributes"></span><b class="itemname">show</b>
3178 <div class="short">Show a component - removes 'hidden' class</div>
3184 Show a component - removes 'hidden' class
3205 <td class="msource">
3207 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3213 <tr class="method-row config-row-alt1 expandable">
3214 <td class="micon"><a class="exi" href="#expand"> </a></td>
3218 <a id="Roo.bootstrap.Component-method-tooltipEl" name=".tooltipEl"></a>
3219 <div class="fixedFont">
3220 <span class="attributes"></span><b class="itemname">tooltipEl</b>
3228 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3237 <div class="short">Fetch the element to display the tooltip on.</div>
3243 Fetch the element to display the tooltip on.
3254 <dl class="detailList">
3255 <dt class="heading">Returns:</dt>
3257 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> defaults to this.el</dd>
3271 <td class="msource">
3273 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3279 <tr class="method-row config-row-alt0 expandable">
3280 <td class="micon"><a class="exi" href="#expand"> </a></td>
3284 <a id="Roo.util.Observable-method-un" name=".un"></a>
3285 <div class="fixedFont">
3286 <span class="attributes"></span><b class="itemname">un</b>
3288 (<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>)
3295 <div class="short">Removes a listener (shorthand for removeListener)</div>
3301 Removes a listener (shorthand for removeListener)
3308 <dl class="detailList">
3309 <dt class="heading">Parameters:</dt>
3312 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
3315 <dd>The type of event to listen for</dd>
3318 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
3321 <dd>The handler to remove</dd>
3324 <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>
3327 <dd>(optional) The scope (this object) for the handler</dd>
3345 <td class="msource">
3347 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3356 <!-- ============================== events summary / details ======================== -->
3359 <a id="Roo.bootstrap.Form-events"></a>
3368 <table cellspacing="0" class="member-table">
3369 <caption>Events</caption>
3372 <th class="sig-header" colspan="2">Event</th>
3373 <th class="msource-header">Defined By</th>
3382 <tr class="method-row expandable config-row-alt0 notInherited">
3383 <td class="micon"><a class="exi" href="#expand"> </a></td>
3386 <a id="Roo.bootstrap.Form-event-*actioncomplete"></a>
3388 <div class="fixedFont">
3389 <b class="itemname">actioncomplete</b> (Form <B><i>this</i></B>, Action <B><i>action</i></B>)
3395 <div class="short">Fires when an action is completed.
3401 Fires when an action is completed.
3407 <dl class="detailList">
3408 <dt class="heading">Parameters:</dt>
3411 <span class="fixedFont">Form</span> <b>this</b>
3417 <span class="fixedFont">Action</span> <b>action</b>
3420 <dd>The action that completed</dd>
3438 <td class="msource">
3443 <tr class="method-row expandable config-row-alt1 notInherited">
3444 <td class="micon"><a class="exi" href="#expand"> </a></td>
3447 <a id="Roo.bootstrap.Form-event-*actionfailed"></a>
3449 <div class="fixedFont">
3450 <b class="itemname">actionfailed</b> (Form <B><i>this</i></B>, Action <B><i>action</i></B>)
3456 <div class="short">Fires when an action fails.
3462 Fires when an action fails.
3468 <dl class="detailList">
3469 <dt class="heading">Parameters:</dt>
3472 <span class="fixedFont">Form</span> <b>this</b>
3478 <span class="fixedFont">Action</span> <b>action</b>
3481 <dd>The action that failed</dd>
3499 <td class="msource">
3504 <tr class="method-row expandable config-row-alt0 notInherited">
3505 <td class="micon"><a class="exi" href="#expand"> </a></td>
3508 <a id="Roo.bootstrap.Form-event-*beforeaction"></a>
3510 <div class="fixedFont">
3511 <b class="itemname">beforeaction</b> (Form <B><i>this</i></B>, Action <B><i>action</i></B>)
3517 <div class="short">Fires before any action is performed.
3523 Fires before any action is performed. Return false to cancel the action.
3529 <dl class="detailList">
3530 <dt class="heading">Parameters:</dt>
3533 <span class="fixedFont">Form</span> <b>this</b>
3539 <span class="fixedFont">Action</span> <b>action</b>
3542 <dd>The action to be performed</dd>
3560 <td class="msource">
3565 <tr class="method-row expandable config-row-alt1">
3566 <td class="micon"><a class="exi" href="#expand"> </a></td>
3569 <a id="Roo.Component-event-*beforedestroy"></a>
3571 <div class="fixedFont">
3572 <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>)
3578 <div class="short">Fires before the component is destroyed.
3584 Fires before the component is destroyed. Return false to stop the destroy.
3590 <dl class="detailList">
3591 <dt class="heading">Parameters:</dt>
3594 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3615 <td class="msource">
3616 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3620 <tr class="method-row expandable config-row-alt0">
3621 <td class="micon"><a class="exi" href="#expand"> </a></td>
3624 <a id="Roo.Component-event-*beforehide"></a>
3626 <div class="fixedFont">
3627 <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>)
3633 <div class="short">Fires before the component is hidden.
3639 Fires before the component is hidden. Return false to stop the hide.
3645 <dl class="detailList">
3646 <dt class="heading">Parameters:</dt>
3649 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3670 <td class="msource">
3671 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3675 <tr class="method-row expandable config-row-alt1">
3676 <td class="micon"><a class="exi" href="#expand"> </a></td>
3679 <a id="Roo.Component-event-*beforerender"></a>
3681 <div class="fixedFont">
3682 <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>)
3688 <div class="short">Fires before the component is rendered.
3694 Fires before the component is rendered. Return false to stop the render.
3700 <dl class="detailList">
3701 <dt class="heading">Parameters:</dt>
3704 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3725 <td class="msource">
3726 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3730 <tr class="method-row expandable config-row-alt0">
3731 <td class="micon"><a class="exi" href="#expand"> </a></td>
3734 <a id="Roo.Component-event-*beforeshow"></a>
3736 <div class="fixedFont">
3737 <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>)
3743 <div class="short">Fires before the component is shown.
3749 Fires before the component is shown. Return false to stop the show.
3755 <dl class="detailList">
3756 <dt class="heading">Parameters:</dt>
3759 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3780 <td class="msource">
3781 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3785 <tr class="method-row expandable config-row-alt1">
3786 <td class="micon"><a class="exi" href="#expand"> </a></td>
3789 <a id="Roo.bootstrap.Component-event-*childrenrendered"></a>
3791 <div class="fixedFont">
3792 <b class="itemname">childrenrendered</b> (<a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a> <B><i>this</i></B>)
3798 <div class="short">Fires when the children have been rendered.
3804 Fires when the children have been rendered..
3810 <dl class="detailList">
3811 <dt class="heading">Parameters:</dt>
3814 <span class="fixedFont"><a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a></span> <b>this</b>
3835 <td class="msource">
3836 <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
3840 <tr class="method-row expandable config-row-alt0 notInherited">
3841 <td class="micon"><a class="exi" href="#expand"> </a></td>
3844 <a id="Roo.bootstrap.Form-event-*clientvalidation"></a>
3846 <div class="fixedFont">
3847 <b class="itemname">clientvalidation</b> (Form <B><i>this</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>valid</i></B>)
3853 <div class="short">If the monitorValid config option is true, this event fires repetitively to notify of valid state
3859 If the monitorValid config option is true, this event fires repetitively to notify of valid state
3865 <dl class="detailList">
3866 <dt class="heading">Parameters:</dt>
3869 <span class="fixedFont">Form</span> <b>this</b>
3875 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>valid</b>
3878 <dd>true if the form has passed client-side validation</dd>
3896 <td class="msource">
3901 <tr class="method-row expandable config-row-alt1">
3902 <td class="micon"><a class="exi" href="#expand"> </a></td>
3905 <a id="Roo.Component-event-*destroy"></a>
3907 <div class="fixedFont">
3908 <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>)
3914 <div class="short">Fires after the component is destroyed.
3920 Fires after the component is destroyed.
3926 <dl class="detailList">
3927 <dt class="heading">Parameters:</dt>
3930 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3951 <td class="msource">
3952 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3956 <tr class="method-row expandable config-row-alt0">
3957 <td class="micon"><a class="exi" href="#expand"> </a></td>
3960 <a id="Roo.Component-event-*disable"></a>
3962 <div class="fixedFont">
3963 <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>)
3969 <div class="short">Fires after the component is disabled.
3975 Fires after the component is disabled.
3981 <dl class="detailList">
3982 <dt class="heading">Parameters:</dt>
3985 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4006 <td class="msource">
4007 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4011 <tr class="method-row expandable config-row-alt1">
4012 <td class="micon"><a class="exi" href="#expand"> </a></td>
4015 <a id="Roo.Component-event-*enable"></a>
4017 <div class="fixedFont">
4018 <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>)
4024 <div class="short">Fires after the component is enabled.
4030 Fires after the component is enabled.
4036 <dl class="detailList">
4037 <dt class="heading">Parameters:</dt>
4040 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4061 <td class="msource">
4062 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4066 <tr class="method-row expandable config-row-alt0">
4067 <td class="micon"><a class="exi" href="#expand"> </a></td>
4070 <a id="Roo.Component-event-*hide"></a>
4072 <div class="fixedFont">
4073 <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>)
4079 <div class="short">Fires after the component is hidden.
4085 Fires after the component is hidden.
4091 <dl class="detailList">
4092 <dt class="heading">Parameters:</dt>
4095 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4116 <td class="msource">
4117 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4121 <tr class="method-row expandable config-row-alt1">
4122 <td class="micon"><a class="exi" href="#expand"> </a></td>
4125 <a id="Roo.Component-event-*render"></a>
4127 <div class="fixedFont">
4128 <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>)
4134 <div class="short">Fires after the component is rendered.
4140 Fires after the component is rendered.
4146 <dl class="detailList">
4147 <dt class="heading">Parameters:</dt>
4150 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4171 <td class="msource">
4172 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4176 <tr class="method-row expandable config-row-alt0">
4177 <td class="micon"><a class="exi" href="#expand"> </a></td>
4180 <a id="Roo.Component-event-*show"></a>
4182 <div class="fixedFont">
4183 <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>)
4189 <div class="short">Fires after the component is shown.
4195 Fires after the component is shown.
4201 <dl class="detailList">
4202 <dt class="heading">Parameters:</dt>
4205 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
4226 <td class="msource">
4227 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4238 <!-- ============================== footer ================================= -->
4239 <div class="fineprint" style="clear:both">
4241 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT)
4243 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>