-});</code></pre> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#labelStyle" href="output/Ext.Component.html#labelStyle">Component</a></td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-lazyInit"></a>\r
- <b>lazyInit</b> : Boolean <div class="mdesc">\r
- True to not initialize the list for this combo until the field is focused (defaults to true) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-lazyRender"></a>\r
- <b>lazyRender</b> : Boolean <div class="mdesc">\r
- <div class="short">True to prevent the ComboBox from rendering until requested (should always be used when rendering into an Ext.Editor,...</div>\r
- <div class="long">\r
- True to prevent the ComboBox from rendering until requested (should always be used when rendering into an Ext.Editor, defaults to false). </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-listAlign"></a>\r
- <b>listAlign</b> : String <div class="mdesc">\r
- A valid anchor position value. See <a ext:cls="Ext.Element" ext:member="alignTo" href="output/Ext.Element.html#alignTo">Ext.Element.alignTo</a> for details on supported anchor positions (defaults to 'tl-bl') </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-listClass"></a>\r
- <b>listClass</b> : String <div class="mdesc">\r
- CSS class to apply to the dropdown list element (defaults to '') </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-listWidth"></a>\r
- <b>listWidth</b> : Number <div class="mdesc">\r
- The width in pixels of the dropdown list (defaults to the width of the ComboBox field) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-listeners"></a>\r
- <b>listeners</b> : Object <div class="mdesc">\r
- <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>\r
- <div class="long">\r
- (optional) A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-loadingText"></a>\r
- <b>loadingText</b> : String <div class="mdesc">\r
- <div class="short">The text to display in the dropdown list while data is loading. Only applies when mode = 'remote' (defaults to 'Loadi...</div>\r
- <div class="long">\r
- The text to display in the dropdown list while data is loading. Only applies when mode = 'remote' (defaults to 'Loading...') </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-maskRe"></a>\r
- <b>maskRe</b> : RegExp <div class="mdesc">\r
- An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null) </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#maskRe" href="output/Ext.form.TextField.html#maskRe">TextField</a></td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-maxHeight"></a>\r
- <b>maxHeight</b> : Number <div class="mdesc">\r
- The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-maxLength"></a>\r
- <b>maxLength</b> : Number <div class="mdesc">\r
- Maximum input field length allowed (defaults to Number.MAX_VALUE) </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#maxLength" href="output/Ext.form.TextField.html#maxLength">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-maxLengthText"></a>\r
- <b>maxLengthText</b> : String <div class="mdesc">\r
- <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxL...</div>\r
- <div class="long">\r
- Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}") </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#maxLengthText" href="output/Ext.form.TextField.html#maxLengthText">TextField</a></td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-minChars"></a>\r
- <b>minChars</b> : Number <div class="mdesc">\r
- <div class="short">The minimum number of characters the user must type before autocomplete and typeahead activate (defaults to 4 if remo...</div>\r
- <div class="long">\r
- The minimum number of characters the user must type before autocomplete and typeahead activate (defaults to 4 if remote or 0 if local, does not apply if editable = false) </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-minHeight"></a>\r
- <b>minHeight</b> : Number <div class="mdesc">\r
- <div class="short">The minimum height in pixels of the dropdown list when the list is constrained by its distance to the viewport edges ...</div>\r
- <div class="long">\r
- The minimum height in pixels of the dropdown list when the list is constrained by its distance to the viewport edges (defaults to 90) </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-minLength"></a>\r
- <b>minLength</b> : Number <div class="mdesc">\r
- Minimum input field length required (defaults to 0) </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#minLength" href="output/Ext.form.TextField.html#minLength">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-minLengthText"></a>\r
- <b>minLengthText</b> : String <div class="mdesc">\r
- <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minL...</div>\r
- <div class="long">\r
- Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}") </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#minLengthText" href="output/Ext.form.TextField.html#minLengthText">TextField</a></td>\r
- </tr>\r
- <tr class="config-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-minListWidth"></a>\r
- <b>minListWidth</b> : Number <div class="mdesc">\r
- The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if listWidth has a higher value) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-mode"></a>\r
- <b>mode</b> : String <div class="mdesc">\r
- Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-msgFx"></a>\r
- <b>msgFx</b> : String <div class="mdesc">\r
- <b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal'). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#msgFx" href="output/Ext.form.Field.html#msgFx">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-msgTarget"></a>\r
- <b>msgTarget</b> : String <div class="mdesc">\r
- <div class="short">The location where error text should display. Should be one of the following values (defaults to 'qtip'): Value ...</div>\r
- <div class="long">\r
- The location where error text should display. Should be one of the following values (defaults to 'qtip'): <pre>Value Description\r
------------ ----------------------------------------------------------------------\r
-qtip Display a quick tip when the user hovers over the field\r
-title Display a default browser title attribute popup\r
-under Add a block div beneath the field containing the error text\r
-side Add an error icon to the right of the field with a popup on hover\r
-[element id] Add the error text directly to the innerHTML of the specified element</pre> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#msgTarget" href="output/Ext.form.Field.html#msgTarget">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-name"></a>\r
- <b>name</b> : String <div class="mdesc">\r
- The field's HTML name attribute (defaults to ""). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#name" href="output/Ext.form.Field.html#name">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-overCls"></a>\r
- <b>overCls</b> : String <div class="mdesc">\r
- <div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves over the Element, and...</div>\r
- <div class="long">\r
- An optional extra CSS class that will be added to this component's Element when the mouse moves over the Element, and removed when the mouse moves out. (defaults to ''). This can be useful for adding customized "active" or "hover" styles to the component or any of its children using standard CSS rules. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#overCls" href="output/Ext.Component.html#overCls">Component</a></td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-pageSize"></a>\r
- <b>pageSize</b> : Number <div class="mdesc">\r
- <div class="short">If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the filter queries will execu...</div>\r
- <div class="long">\r
- If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the filter queries will execute with page start and limit parameters. Only applies when mode = 'remote' (defaults to 0) </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-pageX"></a>\r
- <b>pageX</b> : Number <div class="mdesc">\r
- The page level x coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#pageX" href="output/Ext.BoxComponent.html#pageX">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-pageY"></a>\r
- <b>pageY</b> : Number <div class="mdesc">\r
- The page level y coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#pageY" href="output/Ext.BoxComponent.html#pageY">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-plugins"></a>\r
- <b>plugins</b> : Object/Array <div class="mdesc">\r
- <div class="short">An object or array of objects that will provide custom functionality for this component. The only requirement for a v...</div>\r
- <div class="long">\r
- An object or array of objects that will provide custom functionality for this component. The only requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component. When a component is created, if any plugins are available, the component will call the init method on each plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the component as needed to provide its functionality. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#plugins" href="output/Ext.Component.html#plugins">Component</a></td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-queryDelay"></a>\r
- <b>queryDelay</b> : Number <div class="mdesc">\r
- <div class="short">The length of time in milliseconds to delay between the start of typing and sending the query to filter the dropdown ...</div>\r
- <div class="long">\r
- The length of time in milliseconds to delay between the start of typing and sending the query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local') </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-queryParam"></a>\r
- <b>queryParam</b> : String <div class="mdesc">\r
- Name of the query as it will be passed on the querystring (defaults to 'query') </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-readOnly"></a>\r
- <b>readOnly</b> : Boolean <div class="mdesc">\r
- <div class="short">True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM att...</div>\r
- <div class="long">\r
- True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#readOnly" href="output/Ext.form.Field.html#readOnly">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-regex"></a>\r
- <b>regex</b> : RegExp <div class="mdesc">\r
- <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, t...</div>\r
- <div class="long">\r
- A JavaScript RegExp object to be tested against the field value during validation (defaults to null). If available, this regex will be evaluated only after the basic validators all return true, and will be passed the current field value. If the test fails, the field will be marked invalid using <a ext:cls="Ext.form.TextField" ext:member="regexText" href="output/Ext.form.TextField.html#regexText">regexText</a>. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#regex" href="output/Ext.form.TextField.html#regex">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-regexText"></a>\r
- <b>regexText</b> : String <div class="mdesc">\r
- The error text to display if <a ext:cls="Ext.form.TextField" ext:member="regex" href="output/Ext.form.TextField.html#regex">regex</a> is used and the test fails during validation (defaults to "") </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#regexText" href="output/Ext.form.TextField.html#regexText">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-renderTo"></a>\r
- <b>renderTo</b> : Mixed <div class="mdesc">\r
- <div class="short">The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using...</div>\r
- <div class="long">\r
- The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using this config, a call to render() is not required. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#renderTo" href="output/Ext.Component.html#renderTo">Component</a></td>\r
- </tr>\r
- <tr class="config-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-resizable"></a>\r
- <b>resizable</b> : Boolean <div class="mdesc">\r
- True to add a resize handle to the bottom of the dropdown list (defaults to false) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-selectOnFocus"></a>\r
- <b>selectOnFocus</b> : Boolean <div class="mdesc">\r
- <div class="short">True to select any existing text in the field immediately on focus. Only applies when editable = true (defaults to fa...</div>\r
- <div class="long">\r
- True to select any existing text in the field immediately on focus. Only applies when editable = true (defaults to false) </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-selectedClass"></a>\r
- <b>selectedClass</b> : String <div class="mdesc">\r
- CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected') </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-shadow"></a>\r
- <b>shadow</b> : Boolean/String <div class="mdesc">\r
- True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-stateEvents"></a>\r
- <b>stateEvents</b> : Array <div class="mdesc">\r
- <div class="short">An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be...</div>\r
- <div class="long">\r
- An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be any types of events supported by this component, including browser or custom events (e.g., ['click', 'customerchange']). <p>See <a ext:cls="Ext.Component" ext:member="stateful" href="output/Ext.Component.html#stateful">stateful</a> for an explanation of saving and restoring Component state.</p> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#stateEvents" href="output/Ext.Component.html#stateEvents">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-stateId"></a>\r
- <b>stateId</b> : String <div class="mdesc">\r
- <div class="short">The unique id for this component to use for state management purposes (defaults to the component id if one was set, o...</div>\r
- <div class="long">\r
- The unique id for this component to use for state management purposes (defaults to the component id if one was set, otherwise null if the component is using a generated id). <p>See <a ext:cls="Ext.Component" ext:member="stateful" href="output/Ext.Component.html#stateful">stateful</a> for an explanation of saving and restoring Component state.</p> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#stateId" href="output/Ext.Component.html#stateId">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-stateful"></a>\r
- <b>stateful</b> : Boolean <div class="mdesc">\r
- <div class="short">A flag which causes the Component to attempt to restore the state of internal properties from a saved state on startu...</div>\r
- <div class="long">\r
- <p>A flag which causes the Component to attempt to restore the state of internal properties from a saved state on startup. The component must have either a <a ext:cls="Ext.Component" ext:member="stateId" href="output/Ext.Component.html#stateId">stateId</a> or <a ext:cls="Ext.Component" ext:member="id" href="output/Ext.Component.html#id">id</a> assigned for state to be managed. Auto-generated ids are not guaranteed to be stable across page loads and cannot be relied upon to save and restore the same state for a component.<p> For state saving to work, the state manager's provider must have been set to an implementation of <a ext:cls="Ext.state.Provider" href="output/Ext.state.Provider.html">Ext.state.Provider</a> which overrides the <a ext:cls="Ext.state.Provider" ext:member="set" href="output/Ext.state.Provider.html#set">set</a> and <a ext:cls="Ext.state.Provider" ext:member="get" href="output/Ext.state.Provider.html#get">get</a> methods to save and recall name/value pairs. A built-in implementation, <a ext:cls="Ext.state.CookieProvider" href="output/Ext.state.CookieProvider.html">Ext.state.CookieProvider</a> is available.</p> <p>To set the state provider for the current page:</p> <pre><code>Ext.state.Manager.setProvider(<b>new</b> Ext.state.CookieProvider());</code></pre> <p>Components attempt to save state when one of the events listed in the <a ext:cls="Ext.Component" ext:member="stateEvents" href="output/Ext.Component.html#stateEvents">stateEvents</a> configuration fires.</p> <p>You can perform extra processing on state save and restore by attaching handlers to the <a ext:cls="Ext.Component" ext:member="beforestaterestore" href="output/Ext.Component.html#beforestaterestore">beforestaterestore</a>, <a ext:cls="Ext.Component" ext:member="staterestore" href="output/Ext.Component.html#staterestore">staterestore</a>, <a ext:cls="Ext.Component" ext:member="beforestatesave" href="output/Ext.Component.html#beforestatesave">beforestatesave</a> and <a ext:cls="Ext.Component" ext:member="statesave" href="output/Ext.Component.html#statesave">statesave</a> events</p> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#stateful" href="output/Ext.Component.html#stateful">Component</a></td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-store"></a>\r
- <b>store</b> : Ext.data.Store/Array <div class="mdesc">\r
- <div class="short">The data source to which this combo is bound (defaults to undefined). This can be any Ext.data.Store subclass, a 1-di...</div>\r
- <div class="long">\r
- The data source to which this combo is bound (defaults to undefined). This can be any <a ext:cls="Ext.data.Store" href="output/Ext.data.Store.html">Ext.data.Store</a> subclass, a 1-dimensional array (e.g., ['Foo','Bar']) or a 2-dimensional array (e.g., [['f','Foo'],['b','Bar']]). Arrays will be converted to a <a ext:cls="Ext.data.SimpleStore" href="output/Ext.data.SimpleStore.html">Ext.data.SimpleStore</a> internally. 1-dimensional arrays will automatically be expanded (each array item will be the combo value and text) and for multi-dimensional arrays, the value in index 0 of each item will be assumed to be the combo value, while the value at index 1 is assumed to be the combo text. </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-stripCharsRe"></a>\r
- <b>stripCharsRe</b> : RegExp <div class="mdesc">\r
- A JavaScript RegExp object used to strip unwanted content from the value before validation (defaults to null). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#stripCharsRe" href="output/Ext.form.TextField.html#stripCharsRe">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-style"></a>\r
- <b>style</b> : String <div class="mdesc">\r
- <div class="short">A custom style specification to be applied to this component's Element. Should be a valid argument to Ext.Element.app...</div>\r
- <div class="long">\r
- A custom style specification to be applied to this component's Element. Should be a valid argument to <a ext:cls="Ext.Element" ext:member="applyStyles" href="output/Ext.Element.html#applyStyles">Ext.Element.applyStyles</a>. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#style" href="output/Ext.Component.html#style">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-tabIndex"></a>\r
- <b>tabIndex</b> : Number <div class="mdesc">\r
- <div class="short">The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyT...</div>\r
- <div class="long">\r
- The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined). </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#tabIndex" href="output/Ext.form.Field.html#tabIndex">Field</a></td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-title"></a>\r
- <b>title</b> : String <div class="mdesc">\r
- <div class="short">If supplied, a header element is created containing this text and added into the top of the dropdown list (defaults t...</div>\r
- <div class="long">\r
- If supplied, a header element is created containing this text and added into the top of the dropdown list (defaults to undefined, with no header element) </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-tpl"></a>\r
- <b>tpl</b> : String/Ext.XTemplate <div class="mdesc">\r
- <div class="short">The template string, or Ext.XTemplate instance to use to display each item in the dropdown list. Use this to create c...</div>\r
- <div class="long">\r
- The template string, or <a ext:cls="Ext.XTemplate" href="output/Ext.XTemplate.html">Ext.XTemplate</a> instance to use to display each item in the dropdown list. Use this to create custom UI layouts for items in the list. <p> If you wish to preserve the default visual look of list items, add the CSS class name <pre>x-combo-list-item</pre> to the template's container element. <p> <b>The template must contain one or more substitution parameters using field names from the Combo's</b> <a ext:cls="Ext.form.ComboBox" ext:member="store" href="output/Ext.form.ComboBox.html#store">Store</a>. An example of a custom template would be adding an <pre>ext:qtip</pre> attribute which might display other fields from the Store. <p> The dropdown list is displayed in a DataView. See <a ext:cls="Ext.DataView" href="output/Ext.DataView.html">Ext.DataView</a> for details. </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-transform"></a>\r
- <b>transform</b> : Mixed <div class="mdesc">\r
- <div class="short">The id, DOM node or element of an existing HTML SELECT to convert to a ComboBox. Note that if you specify this and th...</div>\r
- <div class="long">\r
- The id, DOM node or element of an existing HTML SELECT to convert to a ComboBox. Note that if you specify this and the combo is going to be in a <a ext:cls="Ext.form.BasicForm" href="output/Ext.form.BasicForm.html">Ext.form.BasicForm</a> or <a ext:cls="Ext.form.FormPanel" href="output/Ext.form.FormPanel.html">Ext.form.FormPanel</a>, you must also set <a ext:cls="Ext.form.ComboBox" ext:member="lazyRender" href="output/Ext.form.ComboBox.html#lazyRender">lazyRender</a> = true. </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-triggerAction"></a>\r
- <b>triggerAction</b> : String <div class="mdesc">\r
- <div class="short">The action to execute when the trigger is clicked. Use 'all' to run the query specified by the allQuery config option...</div>\r
- <div class="long">\r
- The action to execute when the trigger is clicked. Use 'all' to run the query specified by the allQuery config option (defaults to 'query') </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-triggerClass"></a>\r
- <b>triggerClass</b> : String <div class="mdesc">\r
- <div class="short">An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and ...</div>\r
- <div class="long">\r
- An additional CSS class used to style the trigger button. The trigger will always get the class 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger' which displays a downward arrow icon). </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-typeAhead"></a>\r
- <b>typeAhead</b> : Boolean <div class="mdesc">\r
- <div class="short">True to populate and autoselect the remainder of the text being typed after a configurable delay (typeAheadDelay) if ...</div>\r
- <div class="long">\r
- True to populate and autoselect the remainder of the text being typed after a configurable delay (<a ext:cls="Ext.form.ComboBox" ext:member="typeAheadDelay" href="output/Ext.form.ComboBox.html#typeAheadDelay">typeAheadDelay</a>) if it matches a known value (defaults to false) </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-typeAheadDelay"></a>\r
- <b>typeAheadDelay</b> : Number <div class="mdesc">\r
- The length of time in milliseconds to wait until the typeahead text is displayed if typeAhead = true (defaults to 250) </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-validateOnBlur"></a>\r
- <b>validateOnBlur</b> : Boolean <div class="mdesc">\r
- Whether the field should validate when it loses focus (defaults to true). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#validateOnBlur" href="output/Ext.form.Field.html#validateOnBlur">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-validationDelay"></a>\r
- <b>validationDelay</b> : Number <div class="mdesc">\r
- The length of time in milliseconds after user input begins until validation is initiated (defaults to 250) </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#validationDelay" href="output/Ext.form.Field.html#validationDelay">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-validationEvent"></a>\r
- <b>validationEvent</b> : String/Boolean <div class="mdesc">\r
- The event that should initiate field validation. Set to false to disable automatic validation (defaults to "keyup"). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#validationEvent" href="output/Ext.form.Field.html#validationEvent">Field</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-validator"></a>\r
- <b>validator</b> : Function <div class="mdesc">\r
- <div class="short">A custom validation function to be called during field validation (defaults to null). If specified, this function wil...</div>\r
- <div class="long">\r
- A custom validation function to be called during field validation (defaults to null). If specified, this function will be called only after the built-in validations (<a ext:cls="Ext.form.TextField" ext:member="allowBlank" href="output/Ext.form.TextField.html#allowBlank">allowBlank</a>, <a ext:cls="Ext.form.TextField" ext:member="minLength" href="output/Ext.form.TextField.html#minLength">minLength</a>, <a ext:cls="Ext.form.TextField" ext:member="maxLength" href="output/Ext.form.TextField.html#maxLength">maxLength</a>) and any configured <a ext:cls="Ext.form.TextField" ext:member="vtype" href="output/Ext.form.TextField.html#vtype">vtype</a> all return true. This function will be passed the current field value and expected to return boolean true if the value is valid or a string error message if invalid. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#validator" href="output/Ext.form.TextField.html#validator">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-value"></a>\r
- <b>value</b> : Mixed <div class="mdesc">\r
- A value to initialize this field with (defaults to undefined). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#value" href="output/Ext.form.Field.html#value">Field</a></td>\r
- </tr>\r
- <tr class="config-row alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-valueField"></a>\r
- <b>valueField</b> : String <div class="mdesc">\r
- <div class="short">The underlying data value name to bind to this ComboBox (defaults to undefined if mode = 'remote' or 'value' if trans...</div>\r
- <div class="long">\r
- The underlying data value name to bind to this ComboBox (defaults to undefined if mode = 'remote' or 'value' if transforming a select) Note: use of a valueField requires the user to make a selection in order for a value to be mapped. </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-valueNotFoundText"></a>\r
- <b>valueNotFoundText</b> : String <div class="mdesc">\r
- <div class="short">When using a name/value combo, if the value passed to setValue is not found in the store, valueNotFoundText will be d...</div>\r
- <div class="long">\r
- When using a name/value combo, if the value passed to setValue is not found in the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined). If this defaut text is used, it means there is no value set and no validation will occur on this field. </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-vtype"></a>\r
- <b>vtype</b> : String <div class="mdesc">\r
- A validation type name as defined in <a ext:cls="Ext.form.VTypes" href="output/Ext.form.VTypes.html">Ext.form.VTypes</a> (defaults to null) </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#vtype" href="output/Ext.form.TextField.html#vtype">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-vtypeText"></a>\r
- <b>vtypeText</b> : String <div class="mdesc">\r
- <div class="short">A custom error message to display in place of the default message provided for the vtype currently set for this field...</div>\r
- <div class="long">\r
- A custom error message to display in place of the default message provided for the <a ext:cls="Ext.form.TextField" ext:member="vtype" href="output/Ext.form.TextField.html#vtype">vtype</a> currently set for this field (defaults to ''). Only applies if vtype is set, else ignored. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.form.TextField" ext:member="#vtypeText" href="output/Ext.form.TextField.html#vtypeText">TextField</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-width"></a>\r
- <b>width</b> : Number <div class="mdesc">\r
- The width of this component in pixels (defaults to auto). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#width" href="output/Ext.BoxComponent.html#width">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-x"></a>\r
- <b>x</b> : Number <div class="mdesc">\r
- The local x (left) coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#x" href="output/Ext.BoxComponent.html#x">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-xtype"></a>\r
- <b>xtype</b> : String <div class="mdesc">\r
- <div class="short">The registered xtype to create. This config option is not used when passing a config object into a constructor. This ...</div>\r
- <div class="long">\r
- The registered xtype to create. This config option is not used when passing a config object into a constructor. This config option is used only when lazy instantiation is being used, and a child item of a Container is being specified not as a fully instantiated Component, but as a <i>Component config object</i>. The xtype will be looked up at render time up to determine what type of child Component to create.<br><br> The predefined xtypes are listed <a ext:cls="Ext.Component" href="output/Ext.Component.html">here</a>. <br><br> If you subclass Components to create your own Components, you may register them using <a ext:cls="Ext.ComponentMgr" ext:member="registerType" href="output/Ext.ComponentMgr.html#registerType">Ext.ComponentMgr.registerType</a> in order to be able to take advantage of lazy instantiation and rendering. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#xtype" href="output/Ext.Component.html#xtype">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-y"></a>\r
- <b>y</b> : Number <div class="mdesc">\r
- The local y (top) coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#y" href="output/Ext.BoxComponent.html#y">BoxComponent</a></td>\r
- </tr>\r
- </table>
- <a id="Ext.form.ComboBox-props"></a>
- <h2>Public Properties</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Property</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="property-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-disabled"></a>\r
- <b>disabled</b> : Boolean <div class="mdesc">\r
- True if this component is disabled. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#disabled" href="output/Ext.Component.html#disabled">Component</a></td>\r
- </tr>\r
- <tr class="property-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-hidden"></a>\r
- <b>hidden</b> : Boolean <div class="mdesc">\r
-
-True if this component is hidden. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#hidden" href="output/Ext.Component.html#hidden">Component</a></td>\r
- </tr>\r
- <tr class="property-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-initialConfig"></a>\r
- <b>initialConfig</b> : Object <div class="mdesc">\r
- This Component's initial configuration specification. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#initialConfig" href="output/Ext.Component.html#initialConfig">Component</a></td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-lastQuery"></a>\r
- <b>lastQuery</b> : String <div class="mdesc">\r
- The value of the match string used to filter the store. Delete this property to force a requery. </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="property-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-ownerCt"></a>\r
- <b>ownerCt</b> : Ext.Container <div class="mdesc">\r
- <div class="short">The component's owner Ext.Container (defaults to undefined, and is set automatically when
-the component is added to a...</div>\r
- <div class="long">\r
- The component's owner <a ext:cls="Ext.Container" href="output/Ext.Container.html">Ext.Container</a> (defaults to undefined, and is set automatically when
-the component is added to a container). Read-only. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#ownerCt" href="output/Ext.Component.html#ownerCt">Component</a></td>\r
- </tr>\r
- <tr class="property-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-rendered"></a>\r
- <b>rendered</b> : Boolean <div class="mdesc">\r
- True if this component has been rendered. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#rendered" href="output/Ext.Component.html#rendered">Component</a></td>\r
- </tr>\r
- <tr class="property-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-view"></a>\r
- <b>view</b> : Ext.DataView <div class="mdesc">\r
- The <a ext:cls="Ext.DataView" href="output/Ext.DataView.html">DataView</a> used to display the ComboBox's options. </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- </table>
- <a id="Ext.form.ComboBox-methods"></a>
- <h2>Public Methods</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Method</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-ComboBox"></a>\r
- <b>ComboBox</b>( <code>Object config</code> ) <div class="mdesc">\r
- <div class="short">Create a new ComboBox.</div>\r
- <div class="long">\r
- Create a new ComboBox. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>config</code> : Object<div class="sub-desc">Configuration options</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code></code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">ComboBox</td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-addClass"></a>\r
- <b>addClass</b>( <code>string cls</code> ) : void <div class="mdesc">\r
- <div class="short">Adds a CSS class to the component's underlying element.</div>\r
- <div class="long">\r
- Adds a CSS class to the component's underlying element. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>cls</code> : string<div class="sub-desc">The CSS class name to add</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#addClass" href="output/Ext.Component.html#addClass">Component</a></td>\r
- </tr>\r
- <tr class="method-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-addEvents"></a>\r
- <b>addEvents</b>( <code>Object object</code> ) : void <div class="mdesc">\r
- <div class="short">Used to define events on this Observable</div>\r
- <div class="long">\r
- Used to define events on this Observable <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.form.ComboBox-addListener"></a>\r
- <b>addListener</b>( <code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : void <div class="mdesc">\r
- <div class="short">Appends an event handler to this component</div>\r
- <div class="long">\r
- Appends an event handler to this component <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handler
-function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#labelStyle" ext:member="#labelStyle" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-lazyInit"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-lazyInit">lazyInit</a></b> : Boolean<div class="mdesc"><tt>true</tt> to not initialize the list for this combo until the field is focused
+(defaults to <tt>true</tt>)</div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-lazyRender"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-lazyRender">lazyRender</a></b> : Boolean<div class="mdesc"><div class="short">true to prevent the ComboBox from rendering until requested
+(should always be used when rendering into an Ext.Editor ...</div><div class="long"><tt>true</tt> to prevent the ComboBox from rendering until requested
+(should always be used when rendering into an <a href="output/Ext.Editor.html" ext:cls="Ext.Editor">Ext.Editor</a> (e.g. <a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">Grids</a>),
+defaults to <tt>false</tt>).</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-listAlign"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-listAlign">listAlign</a></b> : String/Array<div class="mdesc"><div class="short">A valid anchor position value. See Ext.Element.alignTo for details
+on supported anchor positions and offsets. To spec...</div><div class="long">A valid anchor position value. See <tt><a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a></tt> for details
+on supported anchor positions and offsets. To specify x/y offsets as well, this value
+may be specified as an Array of <tt><a href="output/Ext.Element.html#Ext.Element-alignTo" ext:member="alignTo" ext:cls="Ext.Element">Ext.Element.alignTo</a></tt> method arguments.</p>
+<pre><code>[ <em>'tl-bl?'</em>, [6,0] ]</code></pre>(defaults to <tt>'tl-bl?'</tt>)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-listClass"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-listClass">listClass</a></b> : String<div class="mdesc">The CSS class to add to the predefined <tt>'x-combo-list'</tt> class
+applied the dropdown list element (defaults to '').</div></td><td class="msource">ComboBox</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-listEmptyText"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-listEmptyText">listEmptyText</a></b> : String<div class="mdesc">The empty text to display in the data view if no items are found.
+(defaults to '')</div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-listWidth"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-listWidth">listWidth</a></b> : Number<div class="mdesc"><div class="short">The width (used as a parameter to Ext.Element.setWidth) of the dropdown
+list (defaults to the width of the ComboBox f...</div><div class="long">The width (used as a parameter to <a href="output/Ext.Element.html#Ext.Element-setWidth" ext:member="setWidth" ext:cls="Ext.Element">Ext.Element.setWidth</a>) of the dropdown
+list (defaults to the width of the ComboBox field). See also <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-minListWidth" ext:member="minListWidth" ext:cls="Ext.form.ComboBox">minListWidth</a></div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-listeners"></a><b><a href="source/Observable.html#cfg-Ext.util.Observable-listeners">listeners</a></b> : Object<div class="mdesc"><div class="short">A config object containing one or more event handlers to be added to this
+object during initialization. This should ...</div><div class="long"><p>A config object containing one or more event handlers to be added to this
+object during initialization. This should be a valid listeners config object as specified in the
+<a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> example for attaching multiple handlers at once.</p>
+<br><p><b><u>DOM events from ExtJs <a href="output/Ext.Component.html" ext:cls="Ext.Component">Components</a></u></b></p>
+<br><p>While <i>some</i> ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
+is usually only done when extra value can be added. For example the <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a>'s
+<b><code><a href="output/Ext.DataView.html#Ext.DataView-click" ext:member="click" ext:cls="Ext.DataView">click</a></code></b> event passing the node clicked on. To access DOM
+events directly from a Component's HTMLElement, listeners must be added to the <i><a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a></i> after the Component
+has been rendered. A plugin can simplify this step:<pre><code><i>// Plugin is configured <b>with</b> a listeners config object.</i>
+<i>// The Component is appended to the argument list of all handler functions.</i>
+Ext.DomObserver = Ext.extend(Object, {
+ constructor: <b>function</b>(config) {
+ this.listeners = config.listeners ? config.listeners : config;
+ },
+
+ <i>// Component passes itself into plugin's init method</i>
+ init: <b>function</b>(c) {
+ <b>var</b> p, l = this.listeners;
+ <b>for</b> (p <b>in</b> l) {
+ <b>if</b> (Ext.isFunction(l[p])) {
+ l[p] = this.createHandler(l[p], c);
+ } <b>else</b> {
+ l[p].fn = this.createHandler(l[p].fn, c);
+ }
+ }
+
+ <i>// Add the listeners to the Element immediately following the render call</i>
+ c.render = c.render.<a href="output/Function.html#Function-createSequence" ext:member="createSequence" ext:cls="Function">createSequence</a>(<b>function</b>() {
+ <b>var</b> e = c.getEl();
+ <b>if</b> (e) {
+ e.on(l);
+ }
+ });
+ },
+
+ createHandler: <b>function</b>(fn, c) {
+ <b>return</b> <b>function</b>(e) {
+ fn.call(this, e, c);
+ };
+ }
+});
+
+<b>var</b> combo = <b>new</b> Ext.form.ComboBox({
+
+ <i>// Collapse combo when its element is clicked on</i>
+ plugins: [ <b>new</b> Ext.DomObserver({
+ click: <b>function</b>(evt, comp) {
+ comp.collapse();
+ }
+ })],
+ store: myStore,
+ typeAhead: true,
+ mode: <em>'local'</em>,
+ triggerAction: <em>'all'</em>
+});</code></pre></p></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#listeners" ext:member="#listeners" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-loadingText"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-loadingText">loadingText</a></b> : String<div class="mdesc"><div class="short">The text to display in the dropdown list while data is loading. Only applies
+when mode = 'remote' (defaults to 'Load...</div><div class="long">The text to display in the dropdown list while data is loading. Only applies
+when <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'remote'</tt> (defaults to <tt>'Loading...'</tt>)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-margins"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-margins">margins</a></b> : Object<div class="mdesc"><div class="short">Note: this config is only used when this BoxComponent is rendered
+by a Container which has been configured to use the...</div><div class="long"><p><b>Note</b>: this config is only used when this BoxComponent is rendered
+by a Container which has been configured to use the <b><a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">BorderLayout</a></b>
+or one of the two <b><a href="output/Ext.layout.BoxLayout.html" ext:cls="Ext.layout.BoxLayout">BoxLayout</a> subclasses.</b></p>
+<p>An object containing margins to apply to this BoxComponent in the
+format:</p><pre><code>{
+ top: (top margin),
+ right: (right margin),
+ bottom: (bottom margin),
+ left: (left margin)
+}</code></pre>
+<p>May also be a string containing space-separated, numeric margin values. The order of the
+sides associated with each value matches the way CSS processes margin values:</p>
+<p><div class="mdetail-params"><ul>
+<li>If there is only one value, it applies to all sides.</li>
+<li>If there are two values, the top and bottom borders are set to the first value and the
+right and left are set to the second.</li>
+<li>If there are three values, the top is set to the first value, the left and right are set
+to the second, and the bottom is set to the third.</li>
+<li>If there are four values, they apply to the top, right, bottom, and left, respectively.</li>
+</ul></div></p>
+<p>Defaults to:</p><pre><code>{top:0, right:0, bottom:0, left:0}</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#margins" ext:member="#margins" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-maskRe"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-maskRe">maskRe</a></b> : RegExp<div class="mdesc">An input mask regular expression that will be used to filter keystrokes that do
+not match (defaults to <tt>null</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#maskRe" ext:member="#maskRe" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-maxHeight"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-maxHeight">maxHeight</a></b> : Number<div class="mdesc">The maximum height in pixels of the dropdown list before scrollbars are shown
+(defaults to <tt>300</tt>)</div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-maxLength"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-maxLength">maxLength</a></b> : Number<div class="mdesc"><div class="short">Maximum input field length allowed by validation (defaults to Number.MAX_VALUE).
+This behavior is intended to provide...</div><div class="long">Maximum input field length allowed by validation (defaults to Number.MAX_VALUE).
+This behavior is intended to provide instant feedback to the user by improving usability to allow pasting
+and editing or overtyping and back tracking. To restrict the maximum number of characters that can be
+entered into the field use <tt><b><a href="output/Ext.form.Field.html#Ext.form.Field-autoCreate" ext:member="autoCreate" ext:cls="Ext.form.Field">autoCreate</a></b></tt> to add
+any attributes you want to a field, for example:<pre><code><b>var</b> myField = <b>new</b> Ext.form.NumberField({
+ id: <em>'mobile'</em>,
+ anchor:<em>'90%'</em>,
+ fieldLabel: <em>'Mobile'</em>,
+ maxLength: 16, <i>// <b>for</b> validation</i>
+ autoCreate: {tag: <em>'input'</em>, type: <em>'text'</em>, size: <em>'20'</em>, autocomplete: <em>'off'</em>, maxlength: <em>'10'</em>}
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#maxLength" ext:member="#maxLength" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-maxLengthText"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-maxLengthText">maxLengthText</a></b> : String<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 {maxL...</div><div class="long">Error text to display if the <b><tt><a href="output/Ext.form.TextField.html#Ext.form.TextField-maxLength" ext:member="maxLength" ext:cls="Ext.form.TextField">maximum length</a></tt></b>
+validation fails (defaults to <tt>'The maximum length for this field is {maxLength}'</tt>)</div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#maxLengthText" ext:member="#maxLengthText" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-minChars"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-minChars">minChars</a></b> : Number<div class="mdesc"><div class="short">The minimum number of characters the user must type before autocomplete and
+typeAhead activate (defaults to 4 if mode...</div><div class="long">The minimum number of characters the user must type before autocomplete and
+<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-typeAhead" ext:member="typeAhead" ext:cls="Ext.form.ComboBox">typeAhead</a> activate (defaults to <tt>4</tt> if <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'remote'</tt> or <tt>0</tt> if
+<tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'local'</tt>, does not apply if
+<tt><a href="output/Ext.form.TriggerField.html#Ext.form.TriggerField-editable" ext:member="editable" ext:cls="Ext.form.TriggerField">editable</a> = false</tt>).</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-minHeight"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-minHeight">minHeight</a></b> : Number<div class="mdesc"><div class="short">The minimum height in pixels of the dropdown list when the list is constrained by its
+distance to the viewport edges ...</div><div class="long">The minimum height in pixels of the dropdown list when the list is constrained by its
+distance to the viewport edges (defaults to <tt>90</tt>)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-minLength"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-minLength">minLength</a></b> : Number<div class="mdesc">Minimum input field length required (defaults to <tt>0</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#minLength" ext:member="#minLength" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-minLengthText"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-minLengthText">minLengthText</a></b> : String<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 {minL...</div><div class="long">Error text to display if the <b><tt><a href="output/Ext.form.TextField.html#Ext.form.TextField-minLength" ext:member="minLength" ext:cls="Ext.form.TextField">minimum length</a></tt></b>
+validation fails (defaults to <tt>'The minimum length for this field is {minLength}'</tt>)</div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#minLengthText" ext:member="#minLengthText" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-minListWidth"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-minListWidth">minListWidth</a></b> : Number<div class="mdesc">The minimum width of the dropdown list in pixels (defaults to <tt>70</tt>, will
+be ignored if <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-listWidth" ext:member="listWidth" ext:cls="Ext.form.ComboBox">listWidth</a></tt> has a higher value)</div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-mode"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-mode">mode</a></b> : String<div class="mdesc"><div class="short">Acceptable values are:
+<div class="mdetail-params">
+'remote' : Default
+<p class="sub-desc">Automatically loads the st...</div><div class="long">Acceptable values are:
+<div class="mdetail-params"><ul>
+<li><b><tt>'remote'</tt></b> : <b>Default</b>
+<p class="sub-desc">Automatically loads the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-store" ext:member="store" ext:cls="Ext.form.ComboBox">store</a></tt> the <b>first</b> time the trigger
+is clicked. If you do not want the store to be automatically loaded the first time the trigger is
+clicked, set to <tt>'local'</tt> and manually load the store. To force a requery of the store
+<b>every</b> time the trigger is clicked see <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-lastQuery" ext:member="lastQuery" ext:cls="Ext.form.ComboBox">lastQuery</a></tt>.</p></li>
+<li><b><tt>'local'</tt></b> :
+<p class="sub-desc">ComboBox loads local data</p>
+<pre><code><b>var</b> combo = <b>new</b> Ext.form.ComboBox({
+ renderTo: document.body,
+ mode: <em>'local'</em>,
+ store: <b>new</b> Ext.data.ArrayStore({
+ id: 0,
+ fields: [
+ <em>'myId'</em>, <i>// numeric value is the key</i>
+ <em>'displayText'</em>
+ ],
+ data: [[1, <em>'item1'</em>], [2, <em>'item2'</em>]] <i>// data is local</i>
+ }),
+ valueField: <em>'myId'</em>,
+ displayField: <em>'displayText'</em>,
+ triggerAction: <em>'all'</em>
+});</code></pre></li>
+</ul></div></div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-msgFx"></a><b><a href="source/Field.html#cfg-Ext.form.Field-msgFx">msgFx</a></b> : String<div class="mdesc"><b>Experimental</b> The effect used when displaying a validation message under the field
+(defaults to 'normal').</div></td><td class="msource"><a href="output/Ext.form.Field.html#msgFx" ext:member="#msgFx" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-msgTarget<p>The"></a><b><a href="source/Field.html#cfg-Ext.form.Field-msgTarget<p>The">msgTarget<p>The</a></b> : String<div class="mdesc"><div class="short">location where the message text set through markInvalid should display.
+Must be one of the following values:
+<div cla...</div><div class="long">location where the message text set through <a href="output/Ext.form.Field.html#Ext.form.Field-markInvalid" ext:member="markInvalid" ext:cls="Ext.form.Field">markInvalid</a> should display.
+Must be one of the following values:</p>
+<div class="mdetail-params"><ul>
+<li><code>qtip</code> Display a quick tip containing the message when the user hovers over the field. This is the default.
+<div class="subdesc"><b><a href="output/Ext.QuickTips.html#Ext.QuickTips-init" ext:member="init" ext:cls="Ext.QuickTips">Ext.QuickTips.init</a> must have been called for this setting to work.</b></div</li>
+<li><code>title</code> Display the message in a default browser title attribute popup.</li>
+<li><code>under</code> Add a block div beneath the field containing the error message.</li>
+<li><code>side</code> Add an error icon to the right of the field, displaying the message in a popup on hover.</li>
+<li><code>[element id]</code> Add the error message directly to the innerHTML of the specified element.</li>
+</ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#msgTarget<p>The" ext:member="#msgTarget<p>The" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-name"></a><b><a href="source/Field.html#cfg-Ext.form.Field-name">name</a></b> : String<div class="mdesc"><div class="short">The field's HTML name attribute (defaults to '').
+Note: this property must be set if this field is to be automaticall...</div><div class="long">The field's HTML name attribute (defaults to '').
+<b>Note</b>: this property must be set if this field is to be automatically included with
+<a href="output/Ext.form.BasicForm.html#Ext.form.BasicForm-submit" ext:member="submit" ext:cls="Ext.form.BasicForm">form submit()</a>.</div></div></td><td class="msource"><a href="output/Ext.form.Field.html#name" ext:member="#name" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-overCls"></a><b><a href="source/Component.html#cfg-Ext.Component-overCls">overCls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves
+over the Element, and...</div><div class="long">An optional extra CSS class that will be added to this component's Element when the mouse moves
+over the Element, and removed when the mouse moves out. (defaults to ''). This can be
+useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules.</div></div></td><td class="msource"><a href="output/Ext.Component.html#overCls" ext:member="#overCls" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-pageSize"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-pageSize">pageSize</a></b> : Number<div class="mdesc"><div class="short">If greater than 0, a Ext.PagingToolbar is displayed in the
+footer of the dropdown list and the filter queries will ex...</div><div class="long">If greater than <tt>0</tt>, a <a href="output/Ext.PagingToolbar.html" ext:cls="Ext.PagingToolbar">Ext.PagingToolbar</a> is displayed in the
+footer of the dropdown list and the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-doQuery" ext:member="doQuery" ext:cls="Ext.form.ComboBox">filter queries</a> will execute with page start and
+<a href="output/Ext.PagingToolbar.html#Ext.PagingToolbar-pageSize" ext:member="pageSize" ext:cls="Ext.PagingToolbar">limit</a> parameters. Only applies when <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'remote'</tt>
+(defaults to <tt>0</tt>).</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-pageX"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-pageX">pageX</a></b> : Number<div class="mdesc">The page level x coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#pageX" ext:member="#pageX" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-pageY"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-pageY">pageY</a></b> : Number<div class="mdesc">The page level y coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#pageY" ext:member="#pageY" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-plugins"></a><b><a href="source/Component.html#cfg-Ext.Component-plugins">plugins</a></b> : Object/Array<div class="mdesc"><div class="short">An object or array of objects that will provide custom functionality for this component. The only
+requirement for a ...</div><div class="long">An object or array of objects that will provide custom functionality for this component. The only
+requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component.
+When a component is created, if any plugins are available, the component will call the init method on each
+plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the
+component as needed to provide its functionality.</div></div></td><td class="msource"><a href="output/Ext.Component.html#plugins" ext:member="#plugins" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-preventMark"></a><b><a href="source/Field.html#cfg-Ext.form.Field-preventMark">preventMark</a></b> : Boolean<div class="mdesc"><tt>true</tt> to disable <a href="output/Ext.form.Field.html#Ext.form.Field-markInvalid" ext:member="markInvalid" ext:cls="Ext.form.Field">marking the field invalid</a>.
+Defaults to <tt>false</tt>.</div></td><td class="msource"><a href="output/Ext.form.Field.html#preventMark" ext:member="#preventMark" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-ptype"></a><b><a href="source/Component.html#cfg-Ext.Component-ptype">ptype</a></b> : String<div class="mdesc"><div class="short">The registered ptype to create. This config option is not used when passing
+a config object into a constructor. This ...</div><div class="long">The registered <tt>ptype</tt> to create. This config option is not used when passing
+a config object into a constructor. This config option is used only when
+lazy instantiation is being used, and a Plugin is being
+specified not as a fully instantiated Component, but as a <i>Component config
+object</i>. The <tt>ptype</tt> will be looked up at render time up to determine what
+type of Plugin to create.<br><br>
+If you create your own Plugins, you may register them using
+<a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerPlugin" ext:member="registerPlugin" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerPlugin</a> in order to be able to
+take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#ptype" ext:member="#ptype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-queryDelay"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-queryDelay">queryDelay</a></b> : Number<div class="mdesc"><div class="short">The length of time in milliseconds to delay between the start of typing and
+sending the query to filter the dropdown ...</div><div class="long">The length of time in milliseconds to delay between the start of typing and
+sending the query to filter the dropdown list (defaults to <tt>500</tt> if <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'remote'</tt>
+or <tt>10</tt> if <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'local'</tt>)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-queryParam"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-queryParam">queryParam</a></b> : String<div class="mdesc">Name of the query (<a href="output/Ext.data.Store.html#Ext.data.Store-baseParam" ext:member="baseParam" ext:cls="Ext.data.Store">baseParam</a> name for the store)
+as it will be passed on the querystring (defaults to <tt>'query'</tt>)</div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TriggerField-readOnly"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-readOnly">readOnly</a></b> : Boolean<div class="mdesc"><div class="short">true to prevent the user from changing the field, and
+hides the trigger. Superceeds the editable and hideTrigger opt...</div><div class="long"><tt>true</tt> to prevent the user from changing the field, and
+hides the trigger. Superceeds the editable and hideTrigger options if the value is true.
+(defaults to <tt>false</tt>)</div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#readOnly" ext:member="#readOnly" ext:cls="Ext.form.TriggerField">TriggerField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-ref"></a><b><a href="source/Component.html#cfg-Ext.Component-ref">ref</a></b> : String<div class="mdesc"><div class="short">A path specification, relative to the Component's ownerCt
+specifying into which ancestor Container to place a named r...</div><div class="long"><p>A path specification, relative to the Component's <code><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></code>
+specifying into which ancestor Container to place a named reference to this Component.</p>
+<p>The ancestor axis can be traversed by using '/' characters in the path.
+For example, to put a reference to a Toolbar Button into <i>the Panel which owns the Toolbar</i>:</p><pre><code><b>var</b> myGrid = <b>new</b> Ext.grid.EditorGridPanel({
+ title: <em>'My EditorGridPanel'</em>,
+ store: myStore,
+ colModel: myColModel,
+ tbar: [{
+ text: <em>'Save'</em>,
+ handler: saveChanges,
+ disabled: true,
+ ref: <em>'../saveButton'</em>
+ }],
+ listeners: {
+ afteredit: <b>function</b>() {
+<i>// The button reference is <b>in</b> the GridPanel</i>
+ myGrid.saveButton.enable();
+ }
+ }
+});</code></pre>
+<p>In the code above, if the <code>ref</code> had been <code><em>'saveButton'</em></code>
+the reference would have been placed into the Toolbar. Each '/' in the <code>ref</code>
+moves up one level from the Component's <code><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></code>.</p>
+<p>Also see the <code><a href="output/Ext.Component.html#Ext.Component-added" ext:member="added" ext:cls="Ext.Component">added</a></code> and <code><a href="output/Ext.Component.html#Ext.Component-removed" ext:member="removed" ext:cls="Ext.Component">removed</a></code> events.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ref" ext:member="#ref" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-regex"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-regex">regex</a></b> : RegExp<div class="mdesc"><div class="short">A JavaScript RegExp object to be tested against the field value during validation
+(defaults to null). If the test fai...</div><div class="long">A JavaScript RegExp object to be tested against the field value during validation
+(defaults to <tt>null</tt>). If the test fails, the field will be marked invalid using
+<b><tt><a href="output/Ext.form.TextField.html#Ext.form.TextField-regexText" ext:member="regexText" ext:cls="Ext.form.TextField">regexText</a></tt></b>.</div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#regex" ext:member="#regex" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-regexText"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-regexText">regexText</a></b> : String<div class="mdesc">The error text to display if <b><tt><a href="output/Ext.form.TextField.html#Ext.form.TextField-regex" ext:member="regex" ext:cls="Ext.form.TextField">regex</a></tt></b> is used and the
+test fails during validation (defaults to <tt>''</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#regexText" ext:member="#regexText" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-region"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-region">region</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this BoxComponent is rendered
+by a Container which has been configured to use the...</div><div class="long"><p><b>Note</b>: this config is only used when this BoxComponent is rendered
+by a Container which has been configured to use the <b><a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">BorderLayout</a></b>
+layout manager (e.g. specifying <tt>layout:'border'</tt>).</p><br>
+<p>See <a href="output/Ext.layout.BorderLayout.html" ext:cls="Ext.layout.BorderLayout">Ext.layout.BorderLayout</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#region" ext:member="#region" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-renderTo"></a><b><a href="source/Component.html#cfg-Ext.Component-renderTo">renderTo</a></b> : Mixed<div class="mdesc"><div class="short">Specify the id of the element, a DOM element or an existing Element that this component
+will be rendered into.
+Notes ...</div><div class="long"><p>Specify the id of the element, a DOM element or an existing Element that this component
+will be rendered into.</p><div><ul>
+<li><b>Notes</b> : <ul>
+<div class="sub-desc">Do <u>not</u> use this option if the Component is to be a child item of
+a <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>. It is the responsibility of the
+<a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a>'s <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>
+to render and manage its child items.</div>
+<div class="sub-desc">When using this config, a call to render() is not required.</div>
+</ul></li>
+</ul></div>
+<p>See <tt><a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a></tt> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#renderTo" ext:member="#renderTo" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-resizable"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-resizable">resizable</a></b> : Boolean<div class="mdesc"><div class="short">true to add a resize handle to the bottom of the dropdown list
+(creates an Ext.Resizable with 'se' pinned handles).
+D...</div><div class="long"><tt>true</tt> to add a resize handle to the bottom of the dropdown list
+(creates an <a href="output/Ext.Resizable.html" ext:cls="Ext.Resizable">Ext.Resizable</a> with 'se' <a href="output/Ext.Resizable.html#Ext.Resizable-pinned" ext:member="pinned" ext:cls="Ext.Resizable">pinned</a> handles).
+Defaults to <tt>false</tt>.</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-selectOnFocus"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-selectOnFocus">selectOnFocus</a></b> : Boolean<div class="mdesc"><div class="short">true to select any existing text in the field immediately on focus.
+Only applies when editable = true (defaults to
+fa...</div><div class="long"><tt>true</tt> to select any existing text in the field immediately on focus.
+Only applies when <tt><a href="output/Ext.form.TriggerField.html#Ext.form.TriggerField-editable" ext:member="editable" ext:cls="Ext.form.TriggerField">editable</a> = true</tt> (defaults to
+<tt>false</tt>).</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-selectedClass"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-selectedClass">selectedClass</a></b> : String<div class="mdesc">CSS class to apply to the selected item in the dropdown list
+(defaults to <tt>'x-combo-selected'</tt>)</div></td><td class="msource">ComboBox</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-shadow"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-shadow">shadow</a></b> : Boolean/String<div class="mdesc"><tt>true</tt> or <tt>"sides"</tt> for the default effect, <tt>"frame"</tt> for
+4-way shadow, and <tt>"drop"</tt> for bottom-right</div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-stateEvents"></a><b><a href="source/Component.html#cfg-Ext.Component-stateEvents">stateEvents</a></b> : Array<div class="mdesc"><div class="short">An array of events that, when fired, should trigger this component to
+save its state (defaults to none). stateEvents ...</div><div class="long"><p>An array of events that, when fired, should trigger this component to
+save its state (defaults to none). <code>stateEvents</code> may be any type
+of event supported by this component, including browser or custom events
+(e.g., <tt>['click', 'customerchange']</tt>).</p>
+<p>See <code><a href="output/Ext.Component.html#Ext.Component-stateful" ext:member="stateful" ext:cls="Ext.Component">stateful</a></code> for an explanation of saving and
+restoring Component state.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#stateEvents" ext:member="#stateEvents" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-stateId"></a><b><a href="source/Component.html#cfg-Ext.Component-stateId">stateId</a></b> : String<div class="mdesc"><div class="short">The unique id for this component to use for state management purposes
+(defaults to the component id if one was set, o...</div><div class="long">The unique id for this component to use for state management purposes
+(defaults to the component id if one was set, otherwise null if the
+component is using a generated id).
+<p>See <code><a href="output/Ext.Component.html#Ext.Component-stateful" ext:member="stateful" ext:cls="Ext.Component">stateful</a></code> for an explanation of saving and
+restoring Component state.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#stateId" ext:member="#stateId" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-stateful"></a><b><a href="source/Component.html#cfg-Ext.Component-stateful">stateful</a></b> : Boolean<div class="mdesc"><div class="short">A flag which causes the Component to attempt to restore the state of
+internal properties from a saved state on startu...</div><div class="long"><p>A flag which causes the Component to attempt to restore the state of
+internal properties from a saved state on startup. The component must have
+either a <code><a href="output/Ext.Component.html#Ext.Component-stateId" ext:member="stateId" ext:cls="Ext.Component">stateId</a></code> or <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code> assigned
+for state to be managed. Auto-generated ids are not guaranteed to be stable
+across page loads and cannot be relied upon to save and restore the same
+state for a component.<p>
+<p>For state saving to work, the state manager's provider must have been
+set to an implementation of <a href="output/Ext.state.Provider.html" ext:cls="Ext.state.Provider">Ext.state.Provider</a> which overrides the
+<a href="output/Ext.state.Provider.html#Ext.state.Provider-set" ext:member="set" ext:cls="Ext.state.Provider">set</a> and <a href="output/Ext.state.Provider.html#Ext.state.Provider-get" ext:member="get" ext:cls="Ext.state.Provider">get</a>
+methods to save and recall name/value pairs. A built-in implementation,
+<a href="output/Ext.state.CookieProvider.html" ext:cls="Ext.state.CookieProvider">Ext.state.CookieProvider</a> is available.</p>
+<p>To set the state provider for the current page:</p>
+<pre><code>Ext.state.Manager.setProvider(<b>new</b> Ext.state.CookieProvider({
+ expires: <b>new</b> Date(<b>new</b> Date().getTime()+(1000*60*60*24*7)), <i>//7 days from now</i>
+}));</code></pre>
+<p>A stateful Component attempts to save state when one of the events
+listed in the <code><a href="output/Ext.Component.html#Ext.Component-stateEvents" ext:member="stateEvents" ext:cls="Ext.Component">stateEvents</a></code> configuration fires.</p>
+<p>To save state, a stateful Component first serializes its state by
+calling <b><code>getState</code></b>. By default, this function does
+nothing. The developer must provide an implementation which returns an
+object hash which represents the Component's restorable state.</p>
+<p>The value yielded by getState is passed to <a href="output/Ext.state.Manager.html#Ext.state.Manager-set" ext:member="set" ext:cls="Ext.state.Manager">Ext.state.Manager.set</a>
+which uses the configured <a href="output/Ext.state.Provider.html" ext:cls="Ext.state.Provider">Ext.state.Provider</a> to save the object
+keyed by the Component's <code><a href="output/stateId.html" ext:cls="stateId">stateId</a></code>, or, if that is not
+specified, its <code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
+<p>During construction, a stateful Component attempts to <i>restore</i>
+its state by calling <a href="output/Ext.state.Manager.html#Ext.state.Manager-get" ext:member="get" ext:cls="Ext.state.Manager">Ext.state.Manager.get</a> passing the
+<code><a href="output/Ext.Component.html#Ext.Component-stateId" ext:member="stateId" ext:cls="Ext.Component">stateId</a></code>, or, if that is not specified, the
+<code><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></code>.</p>
+<p>The resulting object is passed to <b><code>applyState</code></b>.
+The default implementation of <code>applyState</code> simply copies
+properties into the object, but a developer may override this to support
+more behaviour.</p>
+<p>You can perform extra processing on state save and restore by attaching
+handlers to the <a href="output/Ext.Component.html#Ext.Component-beforestaterestore" ext:member="beforestaterestore" ext:cls="Ext.Component">beforestaterestore</a>, <a href="output/Ext.Component.html#Ext.Component-staterestore" ext:member="staterestore" ext:cls="Ext.Component">staterestore</a>,
+<a href="output/Ext.Component.html#Ext.Component-beforestatesave" ext:member="beforestatesave" ext:cls="Ext.Component">beforestatesave</a> and <a href="output/Ext.Component.html#Ext.Component-statesave" ext:member="statesave" ext:cls="Ext.Component">statesave</a> events.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#stateful" ext:member="#stateful" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-store"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-store">store</a></b> : Ext.data.Store/Array<div class="mdesc"><div class="short">The data source to which this combo is bound (defaults to undefined).
+Acceptable values for this property are:
+<div c...</div><div class="long">The data source to which this combo is bound (defaults to <tt>undefined</tt>).
+Acceptable values for this property are:
+<div class="mdetail-params"><ul>
+<li><b>any <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a> subclass</b></li>
+<li><b>an Array</b> : Arrays will be converted to a <a href="output/Ext.data.ArrayStore.html" ext:cls="Ext.data.ArrayStore">Ext.data.ArrayStore</a> internally,
+automatically generating <a href="output/Ext.data.Field.html#Ext.data.Field-name" ext:member="name" ext:cls="Ext.data.Field">field names</a> to work with all data components.
+<div class="mdetail-params"><ul>
+<li><b>1-dimensional array</b> : (e.g., <tt>['Foo','Bar']</tt>)<div class="sub-desc">
+A 1-dimensional array will automatically be expanded (each array item will be used for both the combo
+<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a> and <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a>)</div></li>
+<li><b>2-dimensional array</b> : (e.g., <tt>[['f','Foo'],['b','Bar']]</tt>)<div class="sub-desc">
+For a multi-dimensional array, the value in index 0 of each item will be assumed to be the combo
+<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, while the value at index 1 is assumed to be the combo <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a>.
+</div></li></ul></div></li></ul></div>
+<p>See also <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a></tt>.</p></div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-stripCharsRe"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-stripCharsRe">stripCharsRe</a></b> : RegExp<div class="mdesc">A JavaScript RegExp object used to strip unwanted content from the value
+before validation (defaults to <tt>null</tt>).</div></td><td class="msource"><a href="output/Ext.form.TextField.html#stripCharsRe" ext:member="#stripCharsRe" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-style"></a><b><a href="source/Component.html#cfg-Ext.Component-style">style</a></b> : String<div class="mdesc"><div class="short">A custom style specification to be applied to this component's Element. Should be a valid argument to
+Ext.Element.ap...</div><div class="long">A custom style specification to be applied to this component's Element. Should be a valid argument to
+<a href="output/Ext.Element.html#Ext.Element-applyStyles" ext:member="applyStyles" ext:cls="Ext.Element">Ext.Element.applyStyles</a>.
+<pre><code><b>new</b> Ext.Panel({
+ title: <em>'Some Title'</em>,
+ renderTo: Ext.getBody(),
+ width: 400, height: 300,
+ layout: <em>'form'</em>,
+ items: [{
+ xtype: <em>'textarea'</em>,
+ style: {
+ width: <em>'95%'</em>,
+ marginBottom: <em>'10px'</em>
+ }
+ },
+ <b>new</b> Ext.Button({
+ text: <em>'Send'</em>,
+ minWidth: <em>'100'</em>,
+ style: {
+ marginBottom: <em>'10px'</em>
+ }
+ })
+ ]
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#style" ext:member="#style" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-submitValue"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-submitValue">submitValue</a></b> : Boolean<div class="mdesc"><div class="short">False to clear the name attribute on the field so that it is not submitted during a form post.
+If a hiddenName is spe...</div><div class="long">False to clear the name attribute on the field so that it is not submitted during a form post.
+If a hiddenName is specified, setting this to true will cause both the hidden field and the element to be submitted.
+Defaults to <tt>undefined</tt>.</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-tabIndex"></a><b><a href="source/Field.html#cfg-Ext.form.Field-tabIndex">tabIndex</a></b> : Number<div class="mdesc"><div class="short">The tabIndex for this field. Note this only applies to fields that are rendered,
+not those which are built via applyT...</div><div class="long">The tabIndex for this field. Note this only applies to fields that are rendered,
+not those which are built via applyTo (defaults to undefined).</div></div></td><td class="msource"><a href="output/Ext.form.Field.html#tabIndex" ext:member="#tabIndex" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-tabTip"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-tabTip">tabTip</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this BoxComponent is a child item of a TabPanel.
+A string to be used as innerHTML...</div><div class="long"><p><b>Note</b>: this config is only used when this BoxComponent is a child item of a TabPanel.</p>
+A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
+the associated tab selector element. <a href="output/Ext.QuickTips.html" ext:cls="Ext.QuickTips">Ext.QuickTips</a>.init()
+must be called in order for the tips to render.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#tabTip" ext:member="#tabTip" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-title"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-title">title</a></b> : String<div class="mdesc"><div class="short">If supplied, a header element is created containing this text and added into the top of
+the dropdown list (defaults t...</div><div class="long">If supplied, a header element is created containing this text and added into the top of
+the dropdown list (defaults to undefined, with no header element)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-tpl"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-tpl">tpl</a></b> : String/Ext.XTemplate<div class="mdesc"><div class="short">The template string, or Ext.XTemplate instance to
+use to display each item in the dropdown list. The dropdown list is...</div><div class="long"><p>The template string, or <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a> instance to
+use to display each item in the dropdown list. The dropdown list is displayed in a
+DataView. See <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-view" ext:member="view" ext:cls="Ext.form.ComboBox">view</a>.</p>
+<p>The default template string is:</p><pre><code><em>'<tpl <b>for</b>=<em>"."</em>><div class=<em>"x-combo-list-item"</em>>{'</em> + this.displayField + <em>'}</div></tpl>'</em></code></pre>
+<p>Override the default value to create custom UI layouts for items in the list.
+For example:</p><pre><code><em>'<tpl <b>for</b>=<em>"."</em>><div ext:qtip=<em>"{state}. {nick}"</em> class=<em>"x-combo-list-item"</em>>{state}</div></tpl>'</em></code></pre>
+<p>The template <b>must</b> contain one or more substitution parameters using field
+names from the Combo's</b> <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-store" ext:member="store" ext:cls="Ext.form.ComboBox">Store</a>. In the example above an
+<pre>ext:qtip</pre> attribute is added to display other fields from the Store.</p>
+<p>To preserve the default visual look of list items, add the CSS class name
+<pre>x-combo-list-item</pre> to the template's container element.</p>
+<p>Also see <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-itemSelector" ext:member="itemSelector" ext:cls="Ext.form.ComboBox">itemSelector</a> for additional details.</p></div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-tplWriteMode"></a><b><a href="source/Component.html#cfg-Ext.Component-tplWriteMode">tplWriteMode</a></b> : String<div class="mdesc"><div class="short">The Ext.(X)Template method to use when
+updating the content area of the Component. Defaults to 'overwrite'
+(see Ext.X...</div><div class="long">The Ext.(X)Template method to use when
+updating the content area of the Component. Defaults to <tt>'overwrite'</tt>
+(see <code><a href="output/Ext.XTemplate.html#Ext.XTemplate-overwrite" ext:member="overwrite" ext:cls="Ext.XTemplate">Ext.XTemplate.overwrite</a></code>).</div></div></td><td class="msource"><a href="output/Ext.Component.html#tplWriteMode" ext:member="#tplWriteMode" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-transform"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-transform">transform</a></b> : Mixed<div class="mdesc"><div class="short">The id, DOM node or element of an existing HTML SELECT to convert to a ComboBox.
+Note that if you specify this and th...</div><div class="long">The id, DOM node or element of an existing HTML SELECT to convert to a ComboBox.
+Note that if you specify this and the combo is going to be in an <a href="output/Ext.form.BasicForm.html" ext:cls="Ext.form.BasicForm">Ext.form.BasicForm</a> or
+<a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a>, you must also set <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-lazyRender" ext:member="lazyRender" ext:cls="Ext.form.ComboBox">lazyRender</a> = true</tt>.</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-triggerAction"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-triggerAction">triggerAction</a></b> : String<div class="mdesc"><div class="short">The action to execute when the trigger is clicked.
+<div class="mdetail-params">
+'query' : Default
+<p class="sub-desc"...</div><div class="long">The action to execute when the trigger is clicked.
+<div class="mdetail-params"><ul>
+<li><b><tt>'query'</tt></b> : <b>Default</b>
+<p class="sub-desc"><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-doQuery" ext:member="doQuery" ext:cls="Ext.form.ComboBox">run the query</a> using the <a href="output/Ext.form.Field.html#Ext.form.Field-getRawValue" ext:member="getRawValue" ext:cls="Ext.form.Field">raw value</a>.</p></li>
+<li><b><tt>'all'</tt></b> :
+<p class="sub-desc"><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-doQuery" ext:member="doQuery" ext:cls="Ext.form.ComboBox">run the query</a> specified by the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-allQuery" ext:member="allQuery" ext:cls="Ext.form.ComboBox">allQuery</a></tt> config option</p></li>
+</ul></div>
+<p>See also <code><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-queryParam" ext:member="queryParam" ext:cls="Ext.form.ComboBox">queryParam</a></code>.</p></div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-triggerClass"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-triggerClass">triggerClass</a></b> : String<div class="mdesc"><div class="short">An additional CSS class used to style the trigger button. The trigger will always
+get the class 'x-form-trigger' and...</div><div class="long">An additional CSS class used to style the trigger button. The trigger will always
+get the class <tt>'x-form-trigger'</tt> and <tt>triggerClass</tt> will be <b>appended</b> if specified
+(defaults to <tt>'x-form-arrow-trigger'</tt> which displays a downward arrow icon).</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TriggerField-triggerConfig"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-triggerConfig">triggerConfig</a></b> : Mixed<div class="mdesc"><div class="short">A DomHelper config object specifying the structure of the
+trigger element for this Field. (Optional).
+Specify this wh...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> config object specifying the structure of the
+trigger element for this Field. (Optional).</p>
+<p>Specify this when you need a customized element to act as the trigger button for a TriggerField.</p>
+<p>Note that when using this option, it is the developer's responsibility to ensure correct sizing, positioning
+and appearance of the trigger. Defaults to:</p>
+<pre><code>{tag: <em>"img"</em>, src: Ext.BLANK_IMAGE_URL, cls: <em>"x-form-trigger "</em> + this.triggerClass}</code></pre></div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#triggerConfig" ext:member="#triggerConfig" ext:cls="Ext.form.TriggerField">TriggerField</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-typeAhead"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-typeAhead">typeAhead</a></b> : Boolean<div class="mdesc"><div class="short">true to populate and autoselect the remainder of the text being
+typed after a configurable delay (typeAheadDelay) if ...</div><div class="long"><tt>true</tt> to populate and autoselect the remainder of the text being
+typed after a configurable delay (<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-typeAheadDelay" ext:member="typeAheadDelay" ext:cls="Ext.form.ComboBox">typeAheadDelay</a>) if it matches a known value (defaults
+to <tt>false</tt>)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-typeAheadDelay"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-typeAheadDelay">typeAheadDelay</a></b> : Number<div class="mdesc"><div class="short">The length of time in milliseconds to wait until the typeahead text is displayed
+if typeAhead = true (defaults to 250...</div><div class="long">The length of time in milliseconds to wait until the typeahead text is displayed
+if <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-typeAhead" ext:member="typeAhead" ext:cls="Ext.form.ComboBox">typeAhead</a> = true</tt> (defaults to <tt>250</tt>)</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-validateOnBlur"></a><b><a href="source/Field.html#cfg-Ext.form.Field-validateOnBlur">validateOnBlur</a></b> : Boolean<div class="mdesc">Whether the field should validate when it loses focus (defaults to true).</div></td><td class="msource"><a href="output/Ext.form.Field.html#validateOnBlur" ext:member="#validateOnBlur" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-validationDelay"></a><b><a href="source/Field.html#cfg-Ext.form.Field-validationDelay">validationDelay</a></b> : Number<div class="mdesc">The length of time in milliseconds after user input begins until validation
+is initiated (defaults to 250)</div></td><td class="msource"><a href="output/Ext.form.Field.html#validationDelay" ext:member="#validationDelay" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-validationEvent"></a><b><a href="source/Field.html#cfg-Ext.form.Field-validationEvent">validationEvent</a></b> : String/Boolean<div class="mdesc"><div class="short">The event that should initiate field validation. Set to false to disable
+ automatic validation (defaults to 'key...</div><div class="long">The event that should initiate field validation. Set to false to disable
+ automatic validation (defaults to 'keyup').</div></div></td><td class="msource"><a href="output/Ext.form.Field.html#validationEvent" ext:member="#validationEvent" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-validator"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-validator">validator</a></b> : Function<div class="mdesc"><div class="short">A custom validation function to be called during field validation (validateValue)
+(defaults to null). If specified, t...</div><div class="long"><p>A custom validation function to be called during field validation (<a href="output/Ext.form.TextField.html#Ext.form.TextField-validateValue" ext:member="validateValue" ext:cls="Ext.form.TextField">validateValue</a>)
+(defaults to <tt>null</tt>). If specified, this function will be called first, allowing the
+developer to override the default validation process.</p>
+<br><p>This function will be passed the following Parameters:</p>
+<div class="mdetail-params"><ul>
+<li><code>value</code>: <i>Mixed</i>
+<div class="sub-desc">The current field value</div></li>
+</ul></div>
+<br><p>This function is to Return:</p>
+<div class="mdetail-params"><ul>
+<li><code>true</code>: <i>Boolean</i>
+<div class="sub-desc"><code>true</code> if the value is valid</div></li>
+<li><code>msg</code>: <i>String</i>
+<div class="sub-desc">An error message if the value is invalid</div></li>
+</ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#validator" ext:member="#validator" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-value"></a><b><a href="source/Field.html#cfg-Ext.form.Field-value">value</a></b> : Mixed<div class="mdesc">A value to initialize this field with (defaults to undefined).</div></td><td class="msource"><a href="output/Ext.form.Field.html#value" ext:member="#value" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-valueField"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-valueField">valueField</a></b> : String<div class="mdesc"><div class="short">The underlying data value name to bind to this
+ComboBox (defaults to undefined if mode = 'remote' or 'field2' if
+tran...</div><div class="long">The underlying <a href="output/Ext.data.Field.html#Ext.data.Field-name" ext:member="name" ext:cls="Ext.data.Field">data value name</a> to bind to this
+ComboBox (defaults to undefined if <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a> = 'remote'</tt> or <tt>'field2'</tt> if
+<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-transform" ext:member="transform" ext:cls="Ext.form.ComboBox">transforming a select</a> or if the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-store" ext:member="store" ext:cls="Ext.form.ComboBox">field name is autogenerated based on
+the store configuration</a>).
+<p><b>Note</b>: use of a <tt>valueField</tt> requires the user to make a selection in order for a value to be
+mapped. See also <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a></tt>, <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenValue" ext:member="hiddenValue" ext:cls="Ext.form.ComboBox">hiddenValue</a></tt>, and <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a></tt>.</p></div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-valueNotFoundText"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-valueNotFoundText">valueNotFoundText</a></b> : String<div class="mdesc"><div class="short">When using a name/value combo, if the value passed to setValue is not found in
+the store, valueNotFoundText will be d...</div><div class="long">When using a name/value combo, if the value passed to setValue is not found in
+the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined). If this
+default text is used, it means there is no value set and no validation will occur on this field.</div></div></td><td class="msource">ComboBox</td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-vtype"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-vtype">vtype</a></b> : String<div class="mdesc">A validation type name as defined in <a href="output/Ext.form.VTypes.html" ext:cls="Ext.form.VTypes">Ext.form.VTypes</a> (defaults to <tt>null</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#vtype" ext:member="#vtype" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TextField-vtypeText"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-vtypeText">vtypeText</a></b> : String<div class="mdesc"><div class="short">A custom error message to display in place of the default message provided
+for the vtype currently set for this field...</div><div class="long">A custom error message to display in place of the default message provided
+for the <b><code><a href="output/Ext.form.TextField.html#Ext.form.TextField-vtype" ext:member="vtype" ext:cls="Ext.form.TextField">vtype</a></code></b> currently set for this field (defaults to <tt>''</tt>). <b>Note</b>:
+only applies if <b><code><a href="output/Ext.form.TextField.html#Ext.form.TextField-vtype" ext:member="vtype" ext:cls="Ext.form.TextField">vtype</a></code></b> is set, else ignored.</div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#vtypeText" ext:member="#vtypeText" ext:cls="Ext.form.TextField">TextField</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-width"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-width">width</a></b> : Number<div class="mdesc"><div class="short">The width of this component in pixels (defaults to auto).
+Note to express this dimension as a percentage or offset se...</div><div class="long">The width of this component in pixels (defaults to auto).
+<b>Note</b> to express this dimension as a percentage or offset see <a href="output/Ext.Component.html#Ext.Component-anchor" ext:member="anchor" ext:cls="Ext.Component">Ext.Component.anchor</a>.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#width" ext:member="#width" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.TriggerField-wrapFocusClass"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-wrapFocusClass">wrapFocusClass</a></b> : String<div class="mdesc">The class added to the to the wrap of the trigger element. Defaults to
+<tt>x-trigger-wrap-focus</tt>.</div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#wrapFocusClass" ext:member="#wrapFocusClass" ext:cls="Ext.form.TriggerField">TriggerField</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-x"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-x">x</a></b> : Number<div class="mdesc">The local x (left) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#x" ext:member="#x" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-xtype"></a><b><a href="source/Component.html#cfg-Ext.Component-xtype">xtype</a></b> : String<div class="mdesc"><div class="short">The registered xtype to create. This config option is not used when passing
+a config object into a constructor. This ...</div><div class="long">The registered <tt>xtype</tt> to create. This config option is not used when passing
+a config object into a constructor. This config option is used only when
+lazy instantiation is being used, and a child item of a Container is being
+specified not as a fully instantiated Component, but as a <i>Component config
+object</i>. The <tt>xtype</tt> will be looked up at render time up to determine what
+type of child Component to create.<br><br>
+The predefined xtypes are listed <a href="output/Ext.Component.html" ext:cls="Ext.Component">here</a>.
+<br><br>
+If you subclass Components to create your own Components, you may register
+them using <a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerType" ext:member="registerType" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerType</a> in order to be able to
+take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.form.ComboBox-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-disabled"></a><b><a href="source/Component.html#prop-Ext.Component-disabled">disabled</a></b> : Boolean<div class="mdesc">True if this component is disabled. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#disabled" ext:member="#disabled" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-el"></a><b><a href="source/Component.html#prop-Ext.Component-el">el</a></b> : Ext.Element<div class="mdesc"><div class="short">The Ext.Element which encapsulates this Component. Read-only.
+This will usually be a &lt;DIV> element created by the ...</div><div class="long"><p>The <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> which encapsulates this Component. Read-only.</p>
+<p>This will <i>usually</i> be a <DIV> element created by the class's onRender method, but
+that may be overridden using the <code><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></code> config.</p>
+<br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>
+<p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners
+for this Component's own Observable events), see the <a href="output/Ext.util.Observable.html#Ext.util.Observable-listeners" ext:member="listeners" ext:cls="Ext.util.Observable">listeners</a>
+config for a suggestion, or use a render listener directly:</p><pre><code><b>new</b> Ext.Panel({
+ title: <em>'The Clickable Panel'</em>,
+ listeners: {
+ render: <b>function</b>(p) {
+ <i>// Append the Panel to the click handler's argument list.</i>
+ p.getEl().on(<em>'click'</em>, handlePanelClick.createDelegate(null, [p], true));
+ },
+ single: true <i>// Remove the listener after first invocation</i>
+ }
+});</code></pre>
+<p>See also <tt><a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">getEl</a></p></div></div></td><td class="msource"><a href="output/Ext.Component.html#el" ext:member="#el" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-hidden"></a><b><a href="source/Component.html#prop-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">True if this component is hidden. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-initialConfig"></a><b><a href="source/Component.html#prop-Ext.Component-initialConfig">initialConfig</a></b> : Object<div class="mdesc">This Component's initial configuration specification. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#initialConfig" ext:member="#initialConfig" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-label"></a><b><a href="source/Field.html#prop-Ext.form.Field-label">label</a></b> : Ext.Element<div class="mdesc"><div class="short">The label Element associated with this Field. Only available after this Field has been rendered by a
+Ext.layout.FormL...</div><div class="long"><p>The label Element associated with this Field. <b>Only available after this Field has been rendered by a
+<a href="output/form.html" ext:cls="form">Ext.layout.FormLayout</a> layout manager.</b></p></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#label" ext:member="#label" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="property-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-lastQuery"></a><b><a href="source/Combo.html#prop-Ext.form.ComboBox-lastQuery">lastQuery</a></b> : String<div class="mdesc"><div class="short">The value of the match string used to filter the store. Delete this property to force a requery.
+Example use:
+var com...</div><div class="long">The value of the match string used to filter the store. Delete this property to force a requery.
+Example use:
+<pre><code><b>var</b> combo = <b>new</b> Ext.form.ComboBox({
+ ...
+ mode: <em>'remote'</em>,
+ ...
+ listeners: {
+ <i>// <b>delete</b> the previous query <b>in</b> the beforequery event or set</i>
+ <i>// combo.lastQuery = null (this will reload the store the next time it expands)</i>
+ beforequery: <b>function</b>(qe){
+ <b>delete</b> qe.combo.lastQuery;
+ }
+ }
+});</code></pre>
+To make sure the filter in the store is not cleared the first time the ComboBox trigger is used
+configure the combo with <tt>lastQuery=''</tt>. Example use:
+<pre><code><b>var</b> combo = <b>new</b> Ext.form.ComboBox({
+ ...
+ mode: <em>'local'</em>,
+ triggerAction: <em>'all'</em>,
+ lastQuery: <em>''</em>
+});</code></pre></div></div></td><td class="msource">ComboBox</td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-originalValue"></a><b><a href="source/Field.html#prop-Ext.form.Field-originalValue">originalValue</a></b> : mixed<div class="mdesc"><div class="short">The original value of the field as configured in the value configuration, or
+as loaded by the last form load operatio...</div><div class="long">The original value of the field as configured in the <a href="output/Ext.form.Field.html#Ext.form.Field-value" ext:member="value" ext:cls="Ext.form.Field">value</a> configuration, or
+as loaded by the last form load operation if the form's <a href="output/Ext.form.BasicForm.html#Ext.form.BasicForm-trackResetOnLoad" ext:member="trackResetOnLoad" ext:cls="Ext.form.BasicForm">trackResetOnLoad</a>
+setting is <code>true</code>.</div></div></td><td class="msource"><a href="output/Ext.form.Field.html#originalValue" ext:member="#originalValue" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-ownerCt"></a><b><a href="source/Component.html#prop-Ext.Component-ownerCt">ownerCt</a></b> : Ext.Container<div class="mdesc"><div class="short">This Component's owner Container (defaults to undefined, and is set automatically when
+this Component is added to a C...</div><div class="long">This Component's owner <a href="output/Ext.Container.html" ext:cls="Ext.Container">Container</a> (defaults to undefined, and is set automatically when
+this Component is added to a Container). Read-only.
+<p><b>Note</b>: to access items within the Container see <tt><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ownerCt" ext:member="#ownerCt" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-refOwner"></a><b><a href="source/Component.html#prop-Ext.Component-refOwner">refOwner</a></b> : Ext.Container<div class="mdesc"><div class="short">The ancestor Container into which the ref reference was inserted if this Component
+is a child of a Container, and has...</div><div class="long">The ancestor Container into which the <a href="output/Ext.Component.html#Ext.Component-ref" ext:member="ref" ext:cls="Ext.Component">ref</a> reference was inserted if this Component
+is a child of a Container, and has been configured with a <code>ref</code>.</div></div></td><td class="msource"><a href="output/Ext.Component.html#refOwner" ext:member="#refOwner" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-rendered"></a><b><a href="source/Component.html#prop-Ext.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">True if this component has been rendered. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.Field-startValue"></a><b><a href="source/Field.html#prop-Ext.form.Field-startValue">startValue</a></b> : mixed<div class="mdesc"><div class="short">The value that the Field had at the time it was last focused. This is the value that is passed
+to the change event wh...</div><div class="long"><p>The value that the Field had at the time it was last focused. This is the value that is passed
+to the <a href="output/Ext.form.Field.html#Ext.form.Field-change" ext:member="change" ext:cls="Ext.form.Field">change</a> event which is fired if the value has been changed when the Field is blurred.</p>
+<p><b>This will be undefined until the Field has been visited.</b> Compare <a href="output/Ext.form.Field.html#Ext.form.Field-originalValue" ext:member="originalValue" ext:cls="Ext.form.Field">originalValue</a>.</p></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#startValue" ext:member="#startValue" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-view"></a><b><a href="source/Combo.html#prop-Ext.form.ComboBox-view">view</a></b> : Ext.DataView<div class="mdesc">The <a href="output/Ext.DataView.html" ext:cls="Ext.DataView">DataView</a> used to display the ComboBox's options.</div></td><td class="msource">ComboBox</td></tr></tbody></table><a id="Ext.form.ComboBox-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-ComboBox"></a><b><a href="source/Combo.html#cls-Ext.form.ComboBox">ComboBox</a></b>( <code>Object config</code> )
+ <div class="mdesc"><div class="short">Create a new ComboBox.</div><div class="long">Create a new ComboBox.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">Configuration options</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">ComboBox</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-addClass"></a><b><a href="source/Component.html#method-Ext.Component-addClass">addClass</a></b>( <code>string cls</code> )
+ :
+ Ext.Component<div class="mdesc"><div class="short">Adds a CSS class to the component's underlying element.</div><div class="long">Adds a CSS class to the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cls</code> : string<div class="sub-desc">The CSS class name to add</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#addClass" ext:member="#addClass" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-addEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addEvents">addEvents</a></b>( <code>Object|String o</code>, <code>string Optional.</code> )
+ :
+ void<div class="mdesc"><div class="short">Adds the specified events to the list of events which this Observable may fire.</div><div class="long">Adds the specified events to the list of events which this Observable may fire.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>o</code> : Object|String<div class="sub-desc">Either an object with event names as properties with a value of <code>true</code>
+or the first event name string if multiple event names are being passed as separate parameters.</div></li><li><code>Optional.</code> : string<div class="sub-desc">Event name if multiple event names are being passed as separate parameters.
+Usage:<pre><code>this.addEvents(<em>'storeloaded'</em>, <em>'storecleared'</em>);</code></pre></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addEvents" ext:member="#addEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-addListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addListener">addListener</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )
+ :
+ void<div class="mdesc"><div class="short">Appends an event handler to this object.</div><div class="long">Appends an event handler to this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to listen for.</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.
git.ithinksw.org / extjs.git / blobdiff