+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-labelAlign" name=".labelAlign"></a>
+ <div class="fixedFont">
+ <b class="itemname">labelAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short"></div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+
+ <BR/>Possible Values: top, left
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-labelWidth" name=".labelWidth"></a>
+ <div class="fixedFont">
+ <b class="itemname">labelWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">set the width of label (0-12)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ set the width of label (0-12)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-lg" name=".lg"></a>
+ <div class="fixedFont">
+ <b class="itemname">lg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">colspan out of 12 for large computer-sized screens</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ colspan out of 12 for large computer-sized screens
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
+ <div class="fixedFont">
+ <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <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>
+ </div>
+
+ <div class="mdesc">
+ <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>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-maskRe" name=".maskRe"></a>
+ <div class="fixedFont">
+ <b class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-maxLength" name=".maxLength"></a>
+ <div class="fixedFont">
+ <b class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Maximum input field length allowed (defaults to Number.MAX_VALUE)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-maxLengthText" name=".maxLengthText"></a>
+ <div class="fixedFont">
+ <b class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1 notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.NumberField-cfg-maxText" name=".maxText"></a>
+ <div class="fixedFont">
+ <b class="itemname">maxText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Error text to display if the maximum value validation fails (defaults to "The maximum value for this field is {maxValue}")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Error text to display if the maximum value validation fails (defaults to "The maximum value for this field is {maxValue}")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ Roo.bootstrap.NumberField
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0 notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.NumberField-cfg-maxValue" name=".maxValue"></a>
+ <div class="fixedFont">
+ <b class="itemname">maxValue</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The maximum allowed value (defaults to Number.MAX_VALUE)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The maximum allowed value (defaults to Number.MAX_VALUE)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ Roo.bootstrap.NumberField
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-md" name=".md"></a>
+ <div class="fixedFont">
+ <b class="itemname">md</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">colspan out of 12 for computer-sized screens</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ colspan out of 12 for computer-sized screens
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-minLength" name=".minLength"></a>
+ <div class="fixedFont">
+ <b class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Minimum input field length required (defaults to 0)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Minimum input field length required (defaults to 0)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-minLengthText" name=".minLengthText"></a>
+ <div class="fixedFont">
+ <b class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0 notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.NumberField-cfg-minText" name=".minText"></a>
+ <div class="fixedFont">
+ <b class="itemname">minText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Error text to display if the minimum value validation fails (defaults to "The minimum value for this field is {minValue}")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Error text to display if the minimum value validation fails (defaults to "The minimum value for this field is {minValue}")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ Roo.bootstrap.NumberField
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1 notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.NumberField-cfg-minValue" name=".minValue"></a>
+ <div class="fixedFont">
+ <b class="itemname">minValue</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ Roo.bootstrap.NumberField
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-name" name=".name"></a>
+ <div class="fixedFont">
+ <b class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">name of the input</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ name of the input
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1 notInherited">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.NumberField-cfg-nanText" name=".nanText"></a>
+ <div class="fixedFont">
+ <b class="itemname">nanText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Error text to display if the value is not a valid number.</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Error text to display if the value is not a valid number. For example, this can happen<br/>if a valid character like '.' or '-' is left in the field with no number (defaults to "{value} is not a valid number")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ Roo.bootstrap.NumberField
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-placeholder" name=".placeholder"></a>
+ <div class="fixedFont">
+ <b class="itemname">placeholder</b> : string
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">- placeholder to put in text.</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ - placeholder to put in text.
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-readOnly" name=".readOnly"></a>
+ <div class="fixedFont">
+ <b class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Specifies that the field should be read-only</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Specifies that the field should be read-only
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-regex" name=".regex"></a>
+ <div class="fixedFont">
+ <b class="itemname">regex</b> : RegExp
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ A JavaScript RegExp object to be tested against the field value during validation (defaults to null).<br/>If available, this regex will be evaluated only after the basic validators all return true, and will be passed the<br/>current field value. If the test fails, the field will be marked invalid using {<b>link</b> <b>regexText</b>}.
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-regexText" name=".regexText"></a>
+ <div class="fixedFont">
+ <b class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-selectOnFocus" name=".selectOnFocus"></a>
+ <div class="fixedFont">
+ <b class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">True to automatically select any existing field text when the field receives input focus (defaults to false)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ True to automatically select any existing field text when the field receives input focus (defaults to false)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-size" name=".size"></a>
+ <div class="fixedFont">
+ <b class="itemname">size</b> : string
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">- (lg|sm) or leave empty.</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ - (lg|sm) or leave empty..
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-sm" name=".sm"></a>
+ <div class="fixedFont">
+ <b class="itemname">sm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">colspan out of 12 for tablet-sized screens</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ colspan out of 12 for tablet-sized screens
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Component-cfg-style" name=".style"></a>
+ <div class="fixedFont">
+ <b class="itemname">style</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">any extra css</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ any extra css
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Component-cfg-tooltip" name=".tooltip"></a>
+ <div class="fixedFont">
+ <b class="itemname">tooltip</b> : string
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Text for the tooltip</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Text for the tooltip
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-validClass" name=".validClass"></a>
+ <div class="fixedFont">
+ <b class="itemname">validClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The CSS class to use when marking a field valid (defaults to "x-form-invalid")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The CSS class to use when marking a field valid (defaults to "x-form-invalid")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-validFeedbackIcon" name=".validFeedbackIcon"></a>
+ <div class="fixedFont">
+ <b class="itemname">validFeedbackIcon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The CSS class to use when create feedback icon (defaults to "x-form-invalid")</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The CSS class to use when create feedback icon (defaults to "x-form-invalid")
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-validateOnBlur" name=".validateOnBlur"></a>
+ <div class="fixedFont">
+ <b class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ Whether the field should validate when it loses focus (defaults to true).
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-validationDelay" name=".validationDelay"></a>
+ <div class="fixedFont">
+ <b class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-validationEvent" name=".validationEvent"></a>
+ <div class="fixedFont">
+ <b class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">The event that should initiate field validation.</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ The event that should initiate field validation. Set to false to disable<br/> automatic validation (defaults to "keyup").
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-validator" name=".validator"></a>
+ <div class="fixedFont">
+ <b class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ A custom validation function to be called during field validation (defaults to null).<br/>If available, this function will be called only after the basic validators all return true, and will be passed the<br/>current field value and expected to return boolean true if the value is valid or a string error message if invalid.
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-value" name=".value"></a>
+ <div class="fixedFont">
+ <b class="itemname">value</b> : string
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">default value of the input</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ default value of the input
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-vtype" name=".vtype"></a>
+ <div class="fixedFont">
+ <b class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt1">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Component-cfg-xattr" name=".xattr"></a>
+ <div class="fixedFont">
+ <b class="itemname">xattr</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">extra attributes to add to 'element' (used by builder to store stuff.</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ extra attributes to add to 'element' (used by builder to store stuff.)
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Component.html#constructor" roo:cls="Roo.bootstrap.Component.html#constructor">Roo.bootstrap.Component</a>
+
+ </td>
+ </tr>
+
+
+ <tr class="config-row expandable config-row-alt0">
+ <td class="micon"><a class="exi" href="#expand"> </a></td>
+ <td class="sig">
+
+ <a id="Roo.bootstrap.Input-cfg-xs" name=".xs"></a>
+ <div class="fixedFont">
+ <b class="itemname">xs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+
+
+ </div>
+
+ <div class="mdesc">
+ <div class="short">colspan out of 12 for mobile-sized screens</div>
+ </div>
+
+ <div class="mdesc">
+ <div class="long">
+ colspan out of 12 for mobile-sized screens
+
+ </div>
+ </div>
+
+
+
+ </td>
+ <td class="msource">
+
+ <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+
+ </td>
+ </tr>
+
+
+ </table>
+
+
+
+
+
+
+