-<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.form.ComboBox-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.form.ComboBox-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.form.ComboBox-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.form.ComboBox-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.form.ComboBox"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.Field.html" ext:member="" ext:cls="Ext.form.Field">Field</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.TextField.html" ext:member="" ext:cls="Ext.form.TextField">TextField</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.TriggerField.html" ext:member="" ext:cls="Ext.form.TriggerField">TriggerField</a> <img src="resources/elbow-end.gif">ComboBox</pre></div><h1>Class <a href="source/Combo.html#cls-Ext.form.ComboBox">Ext.form.ComboBox</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.form</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">Combo.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Combo.html#cls-Ext.form.ComboBox">ComboBox</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.form.TimeField.html" ext:cls="Ext.form.TimeField">TimeField</a>, <a href="output/Ext.ux.form.SelectBox.html" ext:cls="Ext.ux.form.SelectBox">SelectBox</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.form.TriggerField.html" ext:cls="Ext.form.TriggerField" ext:member="">TriggerField</a></td></tr><tr><td class="hd-info"></td></tr><tr><td class="label">xtype:</td><td class="hd-info">combo</td></tr></table><div class="description"><p>A combobox control with support for autocomplete, remote-loading, paging and many other features.</p>\r
-<p>A ComboBox works in a similar manner to a traditional HTML <select> field. The difference is\r
-that to submit the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, you must specify a <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a> to create a hidden input\r
-field to hold the value of the valueField. The <i><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a></i> is shown in the text field\r
-which is named according to the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-name" ext:member="name" ext:cls="Ext.form.ComboBox">name</a>.</p>\r
-<p><b><u>Events</u></b></p>\r
-<p>To do something when something in ComboBox is selected, configure the select event:<pre><code><b>var</b> cb = <b>new</b> Ext.form.ComboBox({\r
- <i>// all of your config options\r</i>
- listeners:{\r
- scope: yourScope,\r
- <em>'select'</em>: yourFunction\r
- }\r
-});\r
-\r
-<i>// Alternatively, you can assign events after the object is created:\r</i>
-<b>var</b> cb = <b>new</b> Ext.form.ComboBox(yourOptions);\r
-cb.on(<em>'select'</em>, yourFunction, yourScope);</code></pre></p>\r
-<p><b><u>ComboBox in Grid</u></b></p>\r
-<p>If using a ComboBox in an <a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">Editor Grid</a> a <a href="output/Ext.grid.Column.html#Ext.grid.Column-renderer" ext:member="renderer" ext:cls="Ext.grid.Column">renderer</a>\r
-will be needed to show the displayField when the editor is not active. Set up the renderer manually, or implement\r
-a reusable render, for example:<pre><code><i>// create reusable renderer\r</i>
-Ext.util.Format.comboRenderer = <b>function</b>(combo){\r
- <b>return</b> <b>function</b>(value){\r
- <b>var</b> record = combo.findRecord(combo.<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, value);\r
- <b>return</b> record ? record.get(combo.<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a>) : combo.<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueNotFoundText" ext:member="valueNotFoundText" ext:cls="Ext.form.ComboBox">valueNotFoundText</a>;\r
- }\r
-}\r
-\r
-<i>// create the combo instance\r</i>
-<b>var</b> combo = <b>new</b> Ext.form.ComboBox({\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-typeAhead" ext:member="typeAhead" ext:cls="Ext.form.ComboBox">typeAhead</a>: true,\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-triggerAction" ext:member="triggerAction" ext:cls="Ext.form.ComboBox">triggerAction</a>: <em>'all'</em>,\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-lazyRender" ext:member="lazyRender" ext:cls="Ext.form.ComboBox">lazyRender</a>:true,\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a>: <em>'local'</em>,\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-store" ext:member="store" ext:cls="Ext.form.ComboBox">store</a>: <b>new</b> Ext.data.ArrayStore({\r
- id: 0,\r
- fields: [\r
- <em>'myId'</em>,\r
- <em>'displayText'</em>\r
- ],\r
- data: [[1, <em>'item1'</em>], [2, <em>'item2'</em>]]\r
- }),\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>: <em>'myId'</em>,\r
- <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a>: <em>'displayText'</em>\r
-});\r
-\r
-<i>// snippet of column model used within grid\r</i>
-<b>var</b> cm = <b>new</b> Ext.grid.ColumnModel([{\r
- ...\r
- },{\r
- header: <em>"Some Header"</em>,\r
- dataIndex: <em>'whatever'</em>,\r
- width: 130,\r
- editor: combo, <i>// specify reference to combo instance\r</i>
- renderer: Ext.util.Format.comboRenderer(combo) <i>// pass combo instance to reusable renderer\r</i>
- },\r
- ...\r
-]);</code></pre></p>\r
-<p><b><u>Filtering</u></b></p>\r
-<p>A ComboBox <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-doQuery" ext:member="doQuery" ext:cls="Ext.form.ComboBox">uses filtering itself</a>, for information about filtering the ComboBox\r
-store manually 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></div><div class="hr"></div><a id="Ext.form.ComboBox-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-allQuery"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-allQuery">allQuery</a></b> : String<div class="mdesc">The text query to send to the server to return all records for the list\r
+<div xmlns:ext="http://www.extjs.com" class="body-wrap"><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.Field.html" ext:member="" ext:cls="Ext.form.Field">Field</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.TextField.html" ext:member="" ext:cls="Ext.form.TextField">TextField</a> <img src="resources/elbow-end.gif"><a href="output/Ext.form.TriggerField.html" ext:member="" ext:cls="Ext.form.TriggerField">TriggerField</a> <img src="resources/elbow-end.gif">ComboBox</pre></div><h1>Class <a href="source/Combo.html#cls-Ext.form.ComboBox">Ext.form.ComboBox</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.form</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">Combo.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/Combo.html#cls-Ext.form.ComboBox">ComboBox</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.form.TimeField.html" ext:cls="Ext.form.TimeField">TimeField</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.form.TriggerField.html" ext:cls="Ext.form.TriggerField" ext:member="">TriggerField</a></td></tr></table><div class="description"><p>A combobox control with support for autocomplete, remote-loading, paging and many other features.</p>
+<p>A ComboBox works in a similar manner to a traditional HTML <select> field. The difference is
+that to submit the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, you must specify a <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a> to create a hidden input
+field to hold the value of the valueField. The <i><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a></i> is shown in the text field
+which is named according to the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-name" ext:member="name" ext:cls="Ext.form.ComboBox">name</a>.</p>
+<p><b><u>Events</u></b></p>
+<p>To do something when something in ComboBox is selected, configure the select event:<pre><code><b>var</b> cb = <b>new</b> Ext.form.ComboBox({
+ <i>// all of your config options</i>
+ listeners:{
+ scope: yourScope,
+ <em>'select'</em>: yourFunction
+ }
+});
+
+<i>// Alternatively, you can assign events after the object is created:</i>
+<b>var</b> cb = <b>new</b> Ext.form.ComboBox(yourOptions);
+cb.on(<em>'select'</em>, yourFunction, yourScope);</code></pre></p>
+<p><b><u>ComboBox in Grid</u></b></p>
+<p>If using a ComboBox in an <a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">Editor Grid</a> a <a href="output/Ext.grid.Column.html#Ext.grid.Column-renderer" ext:member="renderer" ext:cls="Ext.grid.Column">renderer</a>
+will be needed to show the displayField when the editor is not active. Set up the renderer manually, or implement
+a reusable render, for example:<pre><code><i>// create reusable renderer</i>
+Ext.util.Format.comboRenderer = <b>function</b>(combo){
+ <b>return</b> <b>function</b>(value){
+ <b>var</b> record = combo.findRecord(combo.<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, value);
+ <b>return</b> record ? record.get(combo.<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a>) : combo.<a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueNotFoundText" ext:member="valueNotFoundText" ext:cls="Ext.form.ComboBox">valueNotFoundText</a>;
+ }
+}
+
+<i>// create the combo instance</i>
+<b>var</b> combo = <b>new</b> Ext.form.ComboBox({
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-typeAhead" ext:member="typeAhead" ext:cls="Ext.form.ComboBox">typeAhead</a>: true,
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-triggerAction" ext:member="triggerAction" ext:cls="Ext.form.ComboBox">triggerAction</a>: <em>'all'</em>,
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-lazyRender" ext:member="lazyRender" ext:cls="Ext.form.ComboBox">lazyRender</a>:true,
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-mode" ext:member="mode" ext:cls="Ext.form.ComboBox">mode</a>: <em>'local'</em>,
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-store" ext:member="store" ext:cls="Ext.form.ComboBox">store</a>: <b>new</b> Ext.data.ArrayStore({
+ id: 0,
+ fields: [
+ <em>'myId'</em>,
+ <em>'displayText'</em>
+ ],
+ data: [[1, <em>'item1'</em>], [2, <em>'item2'</em>]]
+ }),
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>: <em>'myId'</em>,
+ <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-displayField" ext:member="displayField" ext:cls="Ext.form.ComboBox">displayField</a>: <em>'displayText'</em>
+});
+
+<i>// snippet of column model used within grid</i>
+<b>var</b> cm = <b>new</b> Ext.grid.ColumnModel([{
+ ...
+ },{
+ header: <em>"Some Header"</em>,
+ dataIndex: <em>'whatever'</em>,
+ width: 130,
+ editor: combo, <i>// specify reference to combo instance</i>
+ renderer: Ext.util.Format.comboRenderer(combo) <i>// pass combo instance to reusable renderer</i>
+ },
+ ...
+]);</code></pre></p>
+<p><b><u>Filtering</u></b></p>
+<p>A ComboBox <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-doQuery" ext:member="doQuery" ext:cls="Ext.form.ComboBox">uses filtering itself</a>, for information about filtering the ComboBox
+store manually 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></div><div class="hr"></div><a id="Ext.form.ComboBox-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-allQuery"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-allQuery">allQuery</a></b> : String<div class="mdesc">The text query to send to the server to return all records for the list
with no filtering (defaults to '')</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-allowBlank"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-allowBlank">allowBlank</a></b> : Boolean<div class="mdesc">Specify <tt>false</tt> to validate that the value's length is > 0 (defaults to
<tt>true</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#allowBlank" ext:member="#allowBlank" 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.Component-allowDomMove"></a><b><a href="source/Component.html#cfg-Ext.Component-allowDomMove">allowDomMove</a></b> : Boolean<div class="mdesc">Whether the component can move the Dom node when rendering (defaults to true).</div></td><td class="msource"><a href="output/Ext.Component.html#allowDomMove" ext:member="#allowDomMove" 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-anchor"></a><b><a href="source/Component.html#cfg-Ext.Component-anchor">anchor</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered\r
by a Container which has been configured to use an Anc...</div><div class="long"><p><b>Note</b>: this config is only used when this Component is rendered
<div class="sub-desc">If applyTo is specified, any value passed for <a href="output/Ext.Component.html#Ext.Component-renderTo" ext:member="renderTo" ext:cls="Ext.Component">renderTo</a> will be ignored and the target
element's parent node will automatically be used as the component's container.</div>
</ul></li>
-</ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#applyTo" ext:member="#applyTo" 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-autoCreate"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-autoCreate">autoCreate</a></b> : String/Object<div class="mdesc"><div class="short">A DomHelper element spec, or true for a default \r
-element spec. Used to create the Element which will encapsulate this...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element spec, or <tt>true</tt> for a default\r
-element spec. Used to create the <a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a> which will encapsulate this Component.\r
-See <tt><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></tt> for details. Defaults to:</p>\r
-<pre><code>{tag: <em>"input"</em>, type: <em>"text"</em>, size: <em>"24"</em>, autocomplete: <em>"off"</em>}</code></pre></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-autoShow"></a><b><a href="source/Component.html#cfg-Ext.Component-autoShow">autoShow</a></b> : Boolean<div class="mdesc"><div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove\r
+</ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#applyTo" ext:member="#applyTo" 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-autoCreate"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-autoCreate">autoCreate</a></b> : String/Object<div class="mdesc"><div class="short">A DomHelper element spec, or true for a default\r
+element spec. Used to create the Element which will encapsulate this ...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element spec, or <tt>true</tt> for a default
+element spec. Used to create the <a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a> which will encapsulate this Component.
+See <tt><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></tt> for details. Defaults to:</p>
+<pre><code>{tag: <em>"input"</em>, type: <em>"text"</em>, size: <em>"24"</em>, autocomplete: <em>"off"</em>}</code></pre></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-autoScroll"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-autoScroll">autoScroll</a></b> : Boolean<div class="mdesc"><div class="short">true to use overflow:'auto' on the components layout element and show scroll bars automatically when\r
+necessary, false...</div><div class="long"><code>true</code> to use overflow:'auto' on the components layout element and show scroll bars automatically when
+necessary, <code>false</code> to clip any overflowing content (defaults to <code>false</code>).</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#autoScroll" ext:member="#autoScroll" 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-autoShow"></a><b><a href="source/Component.html#cfg-Ext.Component-autoShow">autoShow</a></b> : Boolean<div class="mdesc"><div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove\r
them on render...</div><div class="long">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove
them on render (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Component.html#autoShow" ext:member="#autoShow" 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.TextField-blankText"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-blankText">blankText</a></b> : String<div class="mdesc">The error text to display if the <b><tt><a href="output/Ext.form.TextField.html#Ext.form.TextField-allowBlank" ext:member="allowBlank" ext:cls="Ext.form.TextField">allowBlank</a></tt></b> validation
-fails (defaults to <tt>'This field is required'</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#blankText" ext:member="#blankText" 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-clearCls"></a><b><a href="source/Component.html#cfg-Ext.Component-clearCls">clearCls</a></b> : String<div class="mdesc"><div class="short">The CSS class used to to apply to the special clearing div rendered\r
+fails (defaults to <tt>'This field is required'</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#blankText" ext:member="#blankText" 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-boxMaxHeight"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMaxHeight">boxMaxHeight</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this BoxComponent will set its height to.\r
+Warning: This will override any size mana...</div><div class="long"><p>The maximum value in pixels which this BoxComponent will set its height to.</p>
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMaxHeight" ext:member="#boxMaxHeight" 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.BoxComponent-boxMaxWidth"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMaxWidth">boxMaxWidth</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this BoxComponent will set its width to.\r
+Warning: This will override any size manag...</div><div class="long"><p>The maximum value in pixels which this BoxComponent will set its width to.</p>
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMaxWidth" ext:member="#boxMaxWidth" 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.BoxComponent-boxMinHeight"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMinHeight">boxMinHeight</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this BoxComponent will set its height to.\r
+Warning: This will override any size mana...</div><div class="long"><p>The minimum value in pixels which this BoxComponent will set its height to.</p>
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinHeight" ext:member="#boxMinHeight" 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.BoxComponent-boxMinWidth"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMinWidth">boxMinWidth</a></b> : Number<div class="mdesc"><div class="short">The minimum value in pixels which this BoxComponent will set its width to.\r
+Warning: This will override any size manag...</div><div class="long"><p>The minimum value in pixels which this BoxComponent will set its width to.</p>
+<p><b>Warning:</b> This will override any size management applied by layout managers.</p></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#boxMinWidth" ext:member="#boxMinWidth" 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-clearCls"></a><b><a href="source/Component.html#cfg-Ext.Component-clearCls">clearCls</a></b> : String<div class="mdesc"><div class="short">The CSS class used to to apply to the special clearing div rendered\r
directly after each form field wrapper to provide...</div><div class="long"><p>The CSS class used to to apply to the special clearing div rendered
directly after each form field wrapper to provide field clearing (defaults to
<tt>'x-form-clear-left'</tt>).</p>
which has been configured to use the <b><a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">FormLayout</a></b> layout
manager (e.g. <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">Ext.form.FormPanel</a> or specifying <tt>layout:'form'</tt>) and either a
<tt><a href="output/Ext.Component.html#Ext.Component-fieldLabel" ext:member="fieldLabel" ext:cls="Ext.Component">fieldLabel</a></tt> is specified or <tt>isFormField=true</tt> is specified.</p><br>
-<p>See <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#clearCls" ext:member="#clearCls" 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-cls"></a><b><a href="source/Field.html#cfg-Ext.form.Field-cls">cls</a></b> : String<div class="mdesc">A custom CSS class to apply to the field's underlying element (defaults to '').</div></td><td class="msource"><a href="output/Ext.form.Field.html#cls" ext:member="#cls" 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-ctCls"></a><b><a href="source/Component.html#cfg-Ext.Component-ctCls">ctCls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's container. This can be useful for\r
+<p>See <a href="output/Ext.layout.FormLayout.html" ext:cls="Ext.layout.FormLayout">Ext.layout.FormLayout</a>.<a href="output/Ext.layout.FormLayout.html#Ext.layout.FormLayout-fieldTpl" ext:member="fieldTpl" ext:cls="Ext.layout.FormLayout">fieldTpl</a> also.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#clearCls" ext:member="#clearCls" 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-clearFilterOnReset"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-clearFilterOnReset">clearFilterOnReset</a></b> : Boolean<div class="mdesc"><tt>true</tt> to clear any filters on the store (when in local mode) when reset is called
+(defaults to <tt>true</tt>)</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-cls"></a><b><a href="source/Field.html#cfg-Ext.form.Field-cls">cls</a></b> : String<div class="mdesc">A custom CSS class to apply to the field's underlying element (defaults to '').</div></td><td class="msource"><a href="output/Ext.form.Field.html#cls" ext:member="#cls" 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-contentEl"></a><b><a href="source/Component.html#cfg-Ext.Component-contentEl">contentEl</a></b> : String<div class="mdesc"><div class="short">Optional. Specify an existing HTML element, or the id of an existing HTML element to use as the content\r
+for this comp...</div><div class="long"><p>Optional. Specify an existing HTML element, or the <code>id</code> of an existing HTML element to use as the content
+for this component.</p>
+<ul>
+<li><b>Description</b> :
+<div class="sub-desc">This config option is used to take an existing HTML element and place it in the layout element
+of a new component (it simply moves the specified DOM element <i>after the Component is rendered</i> to use as the content.</div></li>
+<li><b>Notes</b> :
+<div class="sub-desc">The specified HTML element is appended to the layout element of the component <i>after any configured
+<a href="output/Ext.Component.html#Ext.Component-html" ext:member="html" ext:cls="Ext.Component">HTML</a> has been inserted</i>, and so the document will not contain this element at the time the <a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a> event is fired.</div>
+<div class="sub-desc">The specified HTML element used will not participate in any <code><b><a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout</a></b></code>
+scheme that the Component may use. It is just HTML. Layouts operate on child <code><b><a href="output/Ext.Container.html#Ext.Container-items" ext:member="items" ext:cls="Ext.Container">items</a></b></code>.</div>
+<div class="sub-desc">Add either the <code>x-hidden</code> or the <code>x-hide-display</code> CSS class to
+prevent a brief flicker of the content before it is rendered to the panel.</div></li>
+</ul></div></div></td><td class="msource"><a href="output/Ext.Component.html#contentEl" ext:member="#contentEl" 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-ctCls"></a><b><a href="source/Component.html#cfg-Ext.Component-ctCls">ctCls</a></b> : String<div class="mdesc"><div class="short">An optional extra CSS class that will be added to this component's container. This can be useful for\r
adding customize...</div><div class="long"><p>An optional extra CSS class that will be added to this component's container. This can be useful for
adding customized styles to the container or any of its children using standard CSS rules. See
<a href="output/Ext.layout.ContainerLayout.html" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout</a>.<a href="output/Ext.layout.ContainerLayout.html#Ext.layout.ContainerLayout-extraCls" ext:member="extraCls" ext:cls="Ext.layout.ContainerLayout">extraCls</a> also.</p>
</ul></div>
To configure the above Class with an extra CSS class append to the default. For example,
for BoxLayout (Hbox and Vbox):<pre><code>ctCls: <em>'x-box-layout-ct custom-class'</em></code></pre>
-</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ctCls" ext:member="#ctCls" 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.TextField-disableKeyFilter"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-disableKeyFilter">disableKeyFilter</a></b> : Boolean<div class="mdesc">Specify <tt>true</tt> to disable input keystroke filtering (defaults
+</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ctCls" ext:member="#ctCls" 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.Component-data"></a><b><a href="source/Component.html#cfg-Ext.Component-data">data</a></b> : Mixed<div class="mdesc">The initial set of data to apply to the <code><a href="output/Ext.Component.html#Ext.Component-tpl" ext:member="tpl" ext:cls="Ext.Component">tpl</a></code> to
+update the content area of the Component.</div></td><td class="msource"><a href="output/Ext.Component.html#data" ext:member="#data" 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.TextField-disableKeyFilter"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-disableKeyFilter">disableKeyFilter</a></b> : Boolean<div class="mdesc">Specify <tt>true</tt> to disable input keystroke filtering (defaults
to <tt>false</tt>)</div></td><td class="msource"><a href="output/Ext.form.TextField.html#disableKeyFilter" ext:member="#disableKeyFilter" 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.Field-disabled"></a><b><a href="source/Field.html#cfg-Ext.form.Field-disabled">disabled</a></b> : Boolean<div class="mdesc"><div class="short">True to disable the field (defaults to false).\r
Be aware that conformant with the <a href="http://www.w3.org/TR/html40...</div><div class="long">True to disable the field (defaults to false).
<p>Be aware that conformant with the <a href="http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1">HTML specification</a>,
-disabled Fields will not be <a href="output/Ext.form.BasicForm.html#Ext.form.BasicForm-submit" ext:member="submit" ext:cls="Ext.form.BasicForm">submitted</a>.</p></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#disabled" ext:member="#disabled" 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.Component-disabledClass"></a><b><a href="source/Component.html#cfg-Ext.Component-disabledClass">disabledClass</a></b> : String<div class="mdesc">CSS class added to the component when it is disabled (defaults to 'x-item-disabled').</div></td><td class="msource"><a href="output/Ext.Component.html#disabledClass" ext:member="#disabledClass" 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-displayField"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-displayField">displayField</a></b> : String<div class="mdesc"><div class="short">The underlying data field name to bind to this \r
-ComboBox (defaults to undefined if mode = 'remote' or 'field1' if \r
-tr...</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 field name</a> to bind to this\r
-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>'field1'</tt> if\r
-<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\r
-the store configuration</a>).\r
-<p>See also <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a></tt>.</p>\r
-<p><b>Note</b>: if using a ComboBox in an <a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">Editor Grid</a> a\r
-<a href="output/Ext.grid.Column.html#Ext.grid.Column-renderer" ext:member="renderer" ext:cls="Ext.grid.Column">renderer</a> will be needed to show the displayField when the editor is not\r
-active.</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.form.TriggerField-editable"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-editable">editable</a></b> : Boolean<div class="mdesc"><div class="short">false to prevent the user from typing text directly into the field, \r
-the field will only respond to a click on the tr...</div><div class="long"><tt>false</tt> to prevent the user from typing text directly into the field,\r
-the field will only respond to a click on the trigger to set the value. (defaults to <tt>true</tt>)</div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#editable" ext:member="#editable" 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.form.TextField-emptyClass"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-emptyClass">emptyClass</a></b> : String<div class="mdesc"><div class="short">The CSS class to apply to an empty field to style the emptyText\r
+disabled Fields will not be <a href="output/Ext.form.BasicForm.html#Ext.form.BasicForm-submit" ext:member="submit" ext:cls="Ext.form.BasicForm">submitted</a>.</p></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#disabled" ext:member="#disabled" 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.Component-disabledClass"></a><b><a href="source/Component.html#cfg-Ext.Component-disabledClass">disabledClass</a></b> : String<div class="mdesc">CSS class added to the component when it is disabled (defaults to 'x-item-disabled').</div></td><td class="msource"><a href="output/Ext.Component.html#disabledClass" ext:member="#disabledClass" 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-displayField"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-displayField">displayField</a></b> : String<div class="mdesc"><div class="short">The underlying data field name to bind to this\r
+ComboBox (defaults to undefined if mode = 'remote' or 'field1' if\r
+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 field 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>'field1'</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>See also <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a></tt>.</p>
+<p><b>Note</b>: if using a ComboBox in an <a href="output/Ext.grid.EditorGridPanel.html" ext:cls="Ext.grid.EditorGridPanel">Editor Grid</a> a
+<a href="output/Ext.grid.Column.html#Ext.grid.Column-renderer" ext:member="renderer" ext:cls="Ext.grid.Column">renderer</a> will be needed to show the displayField when the editor is not
+active.</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.form.TriggerField-editable"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-editable">editable</a></b> : Boolean<div class="mdesc"><div class="short">false to prevent the user from typing text directly into the field,\r
+the field will only respond to a click on the tri...</div><div class="long"><tt>false</tt> to prevent the user from typing text directly into the field,
+the field will only respond to a click on the trigger to set the value. (defaults to <tt>true</tt>)
.</div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#editable" ext:member="#editable" 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.form.TextField-emptyClass"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-emptyClass">emptyClass</a></b> : String<div class="mdesc"><div class="short">The CSS class to apply to an empty field to style the emptyText
\r (defaults to 'x-form-empty-field'). This class is au...</div><div class="long">The CSS class to apply to an empty field to style the <b><tt><a href="output/Ext.form.TextField.html#Ext.form.TextField-emptyText" ext:member="emptyText" ext:cls="Ext.form.TextField">emptyText</a></tt></b>
(defaults to <tt>'x-form-empty-field'</tt>). This class is automatically added and removed as needed
depending on the current field value.</div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#emptyClass" ext:member="#emptyClass" 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-emptyText"></a><b><a href="source/TextField.html#cfg-Ext.form.TextField-emptyText">emptyText</a></b> : String<div class="mdesc"><div class="short">The default text to place into an empty field (defaults to null).\r
xtype: <em>'textfield'</em>,
fieldLabel: <em>'Name'</em>
}]
-});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#fieldLabel" ext:member="#fieldLabel" 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-focusClass"></a><b><a href="source/Field.html#cfg-Ext.form.Field-focusClass">focusClass</a></b> : String<div class="mdesc">The CSS class to use when the field receives focus (defaults to 'x-form-focus')</div></td><td class="msource"><a href="output/Ext.form.Field.html#focusClass" ext:member="#focusClass" 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-forceSelection"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-forceSelection">forceSelection</a></b> : Boolean<div class="mdesc"><div class="short">true to restrict the selected value to one of the values in the list, \r
-false to allow the user to set arbitrary text ...</div><div class="long"><tt>true</tt> to restrict the selected value to one of the values in the list,\r
-<tt>false</tt> to allow the user to set arbitrary text into the field (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-handleHeight"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-handleHeight">handleHeight</a></b> : Number<div class="mdesc">The height in pixels of the dropdown list resize handle if\r
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#fieldLabel" ext:member="#fieldLabel" 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-focusClass"></a><b><a href="source/Field.html#cfg-Ext.form.Field-focusClass">focusClass</a></b> : String<div class="mdesc">The CSS class to use when the field receives focus (defaults to 'x-form-focus')</div></td><td class="msource"><a href="output/Ext.form.Field.html#focusClass" ext:member="#focusClass" 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-forceSelection"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-forceSelection">forceSelection</a></b> : Boolean<div class="mdesc"><div class="short">true to restrict the selected value to one of the values in the list,\r
+false to allow the user to set arbitrary text i...</div><div class="long"><tt>true</tt> to restrict the selected value to one of the values in the list,
+<tt>false</tt> to allow the user to set arbitrary text into the field (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-handleHeight"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-handleHeight">handleHeight</a></b> : Number<div class="mdesc">The height in pixels of the dropdown list resize handle if
<tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-resizable" ext:member="resizable" ext:cls="Ext.form.ComboBox">resizable</a> = true</tt> (defaults to <tt>8</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.BoxComponent-height"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-height">height</a></b> : Number<div class="mdesc"><div class="short">The height of this component in pixels (defaults to auto).\r
Note to express this dimension as a percentage or offset s...</div><div class="long">The height 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#height" ext:member="#height" 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.Component-hidden"></a><b><a href="source/Component.html#cfg-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">Render this component hidden (default is false). If <tt>true</tt>, the
-<a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method will be called internally.</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="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-hiddenId"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-hiddenId">hiddenId</a></b> : String<div class="mdesc"><div class="short">If hiddenName is specified, hiddenId can also be provided \r
-to give the hidden field a unique id (defaults to the hidd...</div><div class="long">If <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a></tt> is specified, <tt>hiddenId</tt> can also be provided\r
-to give the hidden field a unique id (defaults to the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a></tt>). The <tt>hiddenId</tt>\r
-and combo <a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a> should be different, since no two DOM\r
-nodes should share the same id.</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-hiddenName"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-hiddenName">hiddenName</a></b> : String<div class="mdesc"><div class="short">If specified, a hidden form field with this name is dynamically generated to store the \r
-field's data value (defaults ...</div><div class="long">If specified, a hidden form field with this name is dynamically generated to store the\r
-field's data value (defaults to the underlying DOM element's name). Required for the combo's value to automatically\r
-post during a form submission. See also <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>.\r
-<p><b>Note</b>: the hidden field's id will also default to this name if <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenId" ext:member="hiddenId" ext:cls="Ext.form.ComboBox">hiddenId</a> is not specified.\r
-The ComboBox <a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a> and the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenId" ext:member="hiddenId" ext:cls="Ext.form.ComboBox">hiddenId</a></tt> <b>should be different</b>, since\r
-no two DOM nodes should share the same id. So, if the ComboBox <tt><a href="output/Ext.form.Field.html#Ext.form.Field-name" ext:member="name" ext:cls="Ext.form.Field">name</a></tt> and\r
-<tt>hiddenName</tt> are the same, you should specify a unique <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenId" ext:member="hiddenId" ext:cls="Ext.form.ComboBox">hiddenId</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-hiddenValue"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-hiddenValue">hiddenValue</a></b> : String<div class="mdesc"><div class="short">Sets the initial value of the hidden field if hiddenName is \r
-specified to contain the selected valueField, from the S...</div><div class="long">Sets the initial value of the hidden field if <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a> is\r
-specified to contain the selected <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, from the Store. Defaults to the configured\r
+<a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method will be called internally.</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="config-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-hiddenId"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-hiddenId">hiddenId</a></b> : String<div class="mdesc"><div class="short">If hiddenName is specified, hiddenId can also be provided\r
+to give the hidden field a unique id (defaults to the hidde...</div><div class="long">If <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a></tt> is specified, <tt>hiddenId</tt> can also be provided
+to give the hidden field a unique id (defaults to the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a></tt>). The <tt>hiddenId</tt>
+and combo <a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a> should be different, since no two DOM
+nodes should share the same id.</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-hiddenName"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-hiddenName">hiddenName</a></b> : String<div class="mdesc"><div class="short">If specified, a hidden form field with this name is dynamically generated to store the\r
+field's data value (defaults t...</div><div class="long">If specified, a hidden form field with this name is dynamically generated to store the
+field's data value (defaults to the underlying DOM element's name). Required for the combo's value to automatically
+post during a form submission. See also <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>.
+<p><b>Note</b>: the hidden field's id will also default to this name if <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenId" ext:member="hiddenId" ext:cls="Ext.form.ComboBox">hiddenId</a> is not specified.
+The ComboBox <a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a> and the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenId" ext:member="hiddenId" ext:cls="Ext.form.ComboBox">hiddenId</a></tt> <b>should be different</b>, since
+no two DOM nodes should share the same id. So, if the ComboBox <tt><a href="output/Ext.form.Field.html#Ext.form.Field-name" ext:member="name" ext:cls="Ext.form.Field">name</a></tt> and
+<tt>hiddenName</tt> are the same, you should specify a unique <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenId" ext:member="hiddenId" ext:cls="Ext.form.ComboBox">hiddenId</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-hiddenValue"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-hiddenValue">hiddenValue</a></b> : String<div class="mdesc"><div class="short">Sets the initial value of the hidden field if hiddenName is\r
+specified to contain the selected valueField, from the St...</div><div class="long">Sets the initial value of the hidden field if <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-hiddenName" ext:member="hiddenName" ext:cls="Ext.form.ComboBox">hiddenName</a> is
+specified to contain the selected <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-valueField" ext:member="valueField" ext:cls="Ext.form.ComboBox">valueField</a>, from the Store. Defaults to the configured
<tt><a href="output/Ext.form.Field.html#Ext.form.Field-value" ext:member="value" ext:cls="Ext.form.Field">value</a></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.Component-hideLabel"></a><b><a href="source/Component.html#cfg-Ext.Component-hideLabel">hideLabel</a></b> : Boolean<div class="mdesc"><div class="short">true to completely hide the label element\r
(label and separator). Defaults to false.\r
By default, even if you do not sp...</div><div class="long"><p><tt>true</tt> to completely hide the label element
is done while hidden).</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#hideMode" ext:member="#hideMode" 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-hideParent"></a><b><a href="source/Component.html#cfg-Ext.Component-hideParent">hideParent</a></b> : Boolean<div class="mdesc"><div class="short">True to hide and show the component's container when hide/show is called on the component, false to hide\r
and show the...</div><div class="long">True to hide and show the component's container when hide/show is called on the component, false to hide
and show the component itself (defaults to false). For example, this can be used as a shortcut for a hide
-button on a window by setting hide:true on the button when adding it to its parent container.</div></div></td><td class="msource"><a href="output/Ext.Component.html#hideParent" ext:member="#hideParent" 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.TriggerField-hideTrigger"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-hideTrigger">hideTrigger</a></b> : Boolean<div class="mdesc"><tt>true</tt> to hide the trigger element and display only the base\r
-text field (defaults to <tt>false</tt>)</div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#hideTrigger" ext:member="#hideTrigger" 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-id"></a><b><a href="source/Component.html#cfg-Ext.Component-id">id</a></b> : String<div class="mdesc"><div class="short">The unique id of this component (defaults to an auto-assigned id).\r
+button on a window by setting hide:true on the button when adding it to its parent container.</div></div></td><td class="msource"><a href="output/Ext.Component.html#hideParent" ext:member="#hideParent" 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.TriggerField-hideTrigger"></a><b><a href="source/TriggerField.html#cfg-Ext.form.TriggerField-hideTrigger">hideTrigger</a></b> : Boolean<div class="mdesc"><tt>true</tt> to hide the trigger element and display only the base
+text field (defaults to <tt>false</tt>)</div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#hideTrigger" ext:member="#hideTrigger" 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-html"></a><b><a href="source/Component.html#cfg-Ext.Component-html">html</a></b> : String/Object<div class="mdesc"><div class="short">An HTML fragment, or a DomHelper specification to use as the layout element\r
+content (defaults to ''). The HTML conten...</div><div class="long">An HTML fragment, or a <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> specification to use as the layout element
+content (defaults to ''). The HTML content is added after the component is rendered,
+so the document will not contain this HTML at the time the <a href="output/Ext.Component.html#Ext.Component-render" ext:member="render" ext:cls="Ext.Component">render</a> event is fired.
+This content is inserted into the body <i>before</i> any configured <a href="output/Ext.Component.html#Ext.Component-contentEl" ext:member="contentEl" ext:cls="Ext.Component">contentEl</a> is appended.</div></div></td><td class="msource"><a href="output/Ext.Component.html#html" ext:member="#html" 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-id"></a><b><a href="source/Component.html#cfg-Ext.Component-id">id</a></b> : String<div class="mdesc"><div class="short">The unique id of this component (defaults to an auto-assigned id).\r
You should assign an id if you need to be able to ...</div><div class="long"><p>The <b>unique</b> id of this component (defaults to an <a href="output/Ext.Component.html#Ext.Component-getId" ext:member="getId" ext:cls="Ext.Component">auto-assigned id</a>).
You should assign an id if you need to be able to access the component later and you do
not have an object reference available (e.g., using <a href="output/Ext.html" ext:cls="Ext">Ext</a>.<a href="output/Ext.html#Ext-getCmp" ext:member="getCmp" ext:cls="Ext">getCmp</a>).</p>
p1 = c.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a>(<em>'p1'</em>); <i>// not the same as <a href="output/Ext.html#Ext-getCmp" ext:member="getCmp" ext:cls="Ext">Ext.getCmp()</a></i>
p2 = p1.<a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a>.<a href="output/Ext.Container.html#Ext.Container-getComponent" ext:member="getComponent" ext:cls="Ext.Container">getComponent</a>(<em>'p2'</em>); <i>// reference via a sibling</i></code></pre>
<p>Also see <tt><a href="output/Ext.Component.html#Ext.Component-id" ext:member="id" ext:cls="Ext.Component">id</a></tt> and <code><a href="output/Ext.Component.html#Ext.Component-ref" ext:member="ref" ext:cls="Ext.Component">ref</a></code>.</p>
-<p><b>Note</b>: to access the container of an item see <tt><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#itemId" ext:member="#itemId" 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-itemSelector"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-itemSelector">itemSelector</a></b> : String<div class="mdesc"><div class="short">A simple CSS selector (e.g. div.some-class or span:first-child) that will be \r
-used to determine what nodes the Ext.Da...</div><div class="long"><p>A simple CSS selector (e.g. div.some-class or span:first-child) that will be\r
-used to determine what nodes the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-view" ext:member="view" ext:cls="Ext.form.ComboBox">Ext.DataView</a> which handles the dropdown\r
-display will be working with.</p>\r
-<p><b>Note</b>: this setting is <b>required</b> if a custom XTemplate has been\r
-specified in <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-tpl" ext:member="tpl" ext:cls="Ext.form.ComboBox">tpl</a> which assigns a class other than <pre>'x-combo-list-item'</pre>\r
+<p><b>Note</b>: to access the container of an item see <tt><a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#itemId" ext:member="#itemId" 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-itemSelector"></a><b><a href="source/Combo.html#cfg-Ext.form.ComboBox-itemSelector">itemSelector</a></b> : String<div class="mdesc"><div class="short">A simple CSS selector (e.g. div.some-class or span:first-child) that will be\r
+used to determine what nodes the Ext.Dat...</div><div class="long"><p>A simple CSS selector (e.g. div.some-class or span:first-child) that will be
+used to determine what nodes the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-view" ext:member="view" ext:cls="Ext.form.ComboBox">Ext.DataView</a> which handles the dropdown
+display will be working with.</p>
+<p><b>Note</b>: this setting is <b>required</b> if a custom XTemplate has been
+specified in <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-tpl" ext:member="tpl" ext:cls="Ext.form.ComboBox">tpl</a> which assigns a class other than <pre>'x-combo-list-item'</pre>
to dropdown list items</b></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-labelSeparator"></a><b><a href="source/Component.html#cfg-Ext.Component-labelSeparator">labelSeparator</a></b> : String<div class="mdesc"><div class="short">The separator to display after the text of each\r
fieldLabel. This property may be configured at various levels.\r
The o...</div><div class="long"><p>The separator to display after the text of each
fieldLabel: <em>'Name'</em>,
labelStyle: <em>'font-weight:bold;'</em>
}]
-});</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\r
-(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 \r
-(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\r
-(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>),\r
-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<div class="mdesc"><div class="short">A valid anchor position value. See Ext.Element.alignTo for details \r
-on supported anchor positions (defaults to 'tl-bl...</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\r
-on supported anchor positions (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\r
-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.\r
-(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 \r
-list (defaults to the width of the ComboBox ...</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\r
+});</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\r
+(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<div class="mdesc"><div class="short">A valid anchor position value. See Ext.Element.alignTo for details\r
+on supported anchor positions (defaults to 'tl-bl?...</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 (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\r
+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\r
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
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 \r
-when mode = 'remote' (defaults to 'Loa...</div><div class="long">The text to display in the dropdown list while data is loading. Only applies\r
+});</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\r
+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\r
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>
<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\r
+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).\r
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
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\r
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 \r
-typeAhead activate (defaults to 4 if mod...</div><div class="long">The minimum number of characters the user must type before autocomplete and\r
-<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\r
-<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\r
-<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 \r
-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\r
+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\r
+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\r
+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\r
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\r
-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: \r
-<div class="mdetail-params"> \r
-'remote' : Default \r
-<p class="sub-desc">Automatically loads the...</div><div class="long">Acceptable values are:\r
-<div class="mdetail-params"><ul>\r
-<li><b><tt>'remote'</tt></b> : <b>Default</b>\r
-<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\r
-is clicked. If you do not want the store to be automatically loaded the first time the trigger is\r
-clicked, set to <tt>'local'</tt> and manually load the store. To force a requery of the store\r
-<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>\r
-<li><b><tt>'local'</tt></b> :\r
-<p class="sub-desc">ComboBox loads local data</p>\r
-<pre><code><b>var</b> combo = <b>new</b> Ext.form.ComboBox({\r
- renderTo: document.body,\r
- mode: <em>'local'</em>,\r
- store: <b>new</b> Ext.data.ArrayStore({\r
- id: 0,\r
- fields: [\r
- <em>'myId'</em>, <i>// numeric value is the key\r</i>
- <em>'displayText'</em>\r
- ],\r
- data: [[1, <em>'item1'</em>], [2, <em>'item2'</em>]] <i>// data is local\r</i>
- }),\r
- valueField: <em>'myId'</em>,\r
- displayField: <em>'displayText'</em>,\r
- triggerAction: <em>'all'</em>\r
-});</code></pre></li>\r
+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:\r
+<div class="mdetail-params">\r
+'remote' : Default\r
+<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"></a><b><a href="source/Field.html#cfg-Ext.form.Field-msgTarget">msgTarget</a></b> : String<div class="mdesc"><div class="short">The location where error text should display. Should be one of the following values\r
-(defaults to 'qtip'):\r
-\r
-Value ...</div><div class="long">The location where error text should display. Should be one of the following values
-(defaults to 'qtip'):
-<pre>
-Value Description
------------ ----------------------------------------------------------------------
-qtip Display a quick tip when the user hovers over the field
-title Display a default browser title attribute popup
-under Add a block div beneath the field containing the error text
-side Add an error icon to the right of the field with a popup on hover
-[element id] Add the error text directly to the innerHTML of the specified element
-</pre></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#msgTarget" ext:member="#msgTarget" 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 '').\r
+(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. \r
+Must be one of the following values:\r
+<div cl...</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 '').\r
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\r
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 \r
-footer of the dropdown list and the filter queries will e...</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\r
-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\r
-<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>\r
+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\r
+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\r
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.
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 \r
-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\r
-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>\r
-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)\r
-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.Field-readOnly"></a><b><a href="source/Field.html#cfg-Ext.form.Field-readOnly">readOnly</a></b> : Boolean<div class="mdesc"><div class="short">true to mark the field as readOnly in HTML\r
-(defaults to false).\r
-Note: this only sets the element's readOnly DOM attri...</div><div class="long"><tt>true</tt> to mark the field as readOnly in HTML
-(defaults to <tt>false</tt>).
-<br><p><b>Note</b>: this only sets the element's readOnly DOM attribute.
-Setting <code>readOnly=true</code>, for example, will not disable triggering a
-ComboBox or DateField; it gives you the option of forcing the user to choose
-via the trigger without typing in the text box. To hide the trigger use
-<code><a href="output/Ext.form.TriggerField.html#Ext.form.TriggerField-hideTrigger" ext:member="hideTrigger" ext:cls="Ext.form.TriggerField">hideTrigger</a></code>.</p></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#readOnly" ext:member="#readOnly" 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-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\r
-ancestor Container to place a named r...</div><div class="long"><p>A path specification, relative to the Component's <a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a> specifying into which
-ancestor Container to place a named reference to this Component.</p>
+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\r
+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\r
+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\r
+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>,
}
}
});</code></pre>
-<p>In the code above, if the ref had been <code><em>'saveButton'</em></code> the reference would
-have been placed into the Toolbar. Each '/' in the ref moves up one level from the
-Component's <a href="output/Ext.Component.html#Ext.Component-ownerCt" ext:member="ownerCt" ext:cls="Ext.Component">ownerCt</a>.</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\r
+<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\r
(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
<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 \r
-(creates an Ext.Resizable with 'se' pinned handles). ...</div><div class="long"><tt>true</tt> to add a resize handle to the bottom of the dropdown list\r
-(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).\r
-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. \r
-Only applies when editable = true (defaults to \r
-...</div><div class="long"><tt>true</tt> to select any existing text in the field immediately on focus.\r
-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\r
-<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\r
-(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\r
+<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\r
+(creates an Ext.Resizable with 'se' pinned handles).\r
+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.\r
+Only applies when editable = true (defaults to\r
+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\r
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
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). \r
-Acceptable values for this property are: \r
-<div...</div><div class="long">The data source to which this combo is bound (defaults to <tt>undefined</tt>).\r
+<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).\r
Acceptable values for this property are:\r
-<div class="mdetail-params"><ul>\r
-<li><b>any <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a> subclass</b></li>\r
-<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,\r
-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.\r
-<div class="mdetail-params"><ul>\r
-<li><b>1-dimensional array</b> : (e.g., <tt>['Foo','Bar']</tt>)<div class="sub-desc">\r
-A 1-dimensional array will automatically be expanded (each array item will be used for both the combo\r
-<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>\r
-<li><b>2-dimensional array</b> : (e.g., <tt>[['f','Foo'],['b','Bar']]</tt>)<div class="sub-desc">\r
-For a multi-dimensional array, the value in index 0 of each item will be assumed to be the combo\r
-<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>.\r
-</div></li></ul></div></li></ul></div>\r
+<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\r
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
}
})
]
-});</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 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,\r
+});</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.\r
+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,\r
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.\r
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 \r
-the dropdown list (defaults ...</div><div class="long">If supplied, a header element is created containing this text and added into the top of\r
-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 \r
-use to display each item in the dropdown list. The dropdown list i...</div><div class="long"><p>The template string, or <a href="output/Ext.XTemplate.html" ext:cls="Ext.XTemplate">Ext.XTemplate</a> instance to\r
-use to display each item in the dropdown list. The dropdown list is displayed in a\r
-DataView. See <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-view" ext:member="view" ext:cls="Ext.form.ComboBox">view</a>.</p>\r
-<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>\r
-<p>Override the default value to create custom UI layouts for items in the list.\r
-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>\r
-<p>The template <b>must</b> contain one or more substitution parameters using field\r
-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\r
-<pre>ext:qtip</pre> attribute is added to display other fields from the Store.</p>\r
-<p>To preserve the default visual look of list items, add the CSS class name\r
-<pre>x-combo-list-item</pre> to the template's container element.</p>\r
-<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 "><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. \r
-Note that if you specify this and t...</div><div class="long">The id, DOM node or element of an existing HTML SELECT to convert to a ComboBox.\r
-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\r
-<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. \r
-<div class="mdetail-params"> \r
-'query' : Default \r
-<p class="sub-de...</div><div class="long">The action to execute when the trigger is clicked.\r
-<div class="mdetail-params"><ul>\r
-<li><b><tt>'query'</tt></b> : <b>Default</b>\r
-<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>\r
-<li><b><tt>'all'</tt></b> :\r
-<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>\r
-</ul></div>\r
-<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 \r
-get the class 'x-form-trigger' an...</div><div class="long">An additional CSS class used to style the trigger button. The trigger will always\r
-get the class <tt>'x-form-trigger'</tt> and <tt>triggerClass</tt> will be <b>appended</b> if specified\r
-(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 \r
-trigger element for this Field. (Optional). \r
-Specify this ...</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\r
-trigger element for this Field. (Optional).</p>\r
-<p>Specify this when you need a customized element to act as the trigger button for a TriggerField.</p>\r
-<p>Note that when using this option, it is the developer's responsibility to ensure correct sizing, positioning\r
-and appearance of the trigger. Defaults to:</p>\r
-<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 \r
-typed after a configurable delay (typeAheadDelay) if...</div><div class="long"><tt>true</tt> to populate and autoselect the remainder of the text being\r
-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\r
-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 \r
-if typeAhead = true (defaults to 25...</div><div class="long">The length of time in milliseconds to wait until the typeahead text is displayed\r
+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\r
+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\r
+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\r
+updating the content area of the Component. Defaults to 'overwrite'\r
+(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.\r
+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.\r
+<div class="mdetail-params">\r
+'query' : Default\r
+<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\r
+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\r
+trigger element for this Field. (Optional).\r
+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\r
+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\r
+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\r
automatic validation (defaults to 'key...</div><div class="long">The event that should initiate field validation. Set to false to disable
<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 \r
-ComboBox (defaults to undefined if mode = 'remote' or 'field2' if \r
-tr...</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\r
-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\r
-<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\r
-the store configuration</a>).\r
-<p><b>Note</b>: use of a <tt>valueField</tt> requires the user to make a selection in order for a value to be\r
-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 \r
-the store, valueNotFoundText will be ...</div><div class="long">When using a name/value combo, if the value passed to setValue is not found in\r
-the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined). If this\r
+</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\r
+ComboBox (defaults to undefined if mode = 'remote' or 'field2' if\r
+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\r
+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\r
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).\r
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\r
+<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\r
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
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 "><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. \r
-Example use: \r
-var c...</div><div class="long">The value of the match string used to filter the store. Delete this property to force a requery.\r
+<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\r
+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.\r
Example use:\r
-<pre><code><b>var</b> combo = <b>new</b> Ext.form.ComboBox({\r
- ...\r
- mode: <em>'remote'</em>,\r
- ...\r
- listeners: {\r
- <i>// <b>delete</b> the previous query <b>in</b> the beforequery event or set\r</i>
- <i>// combo.lastQuery = null (this will reload the store the next time it expands)\r</i>
- beforequery: <b>function</b>(qe){\r
- <b>delete</b> qe.combo.lastQuery;\r
- }\r
- }\r
-});</code></pre>\r
-To make sure the filter in the store is not cleared the first time the ComboBox trigger is used\r
-configure the combo with <tt>lastQuery=''</tt>. Example use:\r
-<pre><code><b>var</b> combo = <b>new</b> Ext.form.ComboBox({\r
- ...\r
- mode: <em>'local'</em>,\r
- triggerAction: <em>'all'</em>,\r
- lastQuery: <em>''</em>\r
+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\r
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\r
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 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 "><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> )\r
- <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><table><tr><td class="label">xtype:</td><td class="hd-info">combo</td></tr></table></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> )\r
+<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\r
+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\r
+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> )\r
+ <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> )\r
:\r
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> )\r
:\r
:\r
Ext.Component<div class="mdesc"><div class="short">Disable this component and fire the 'disable' event.</div><div class="long">Disable this component and fire the 'disable' event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</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#disable" ext:member="#disable" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-doQuery"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-doQuery">doQuery</a></b>( <code>String query</code>, <code>Boolean forceAll</code> )\r
:\r
- void<div class="mdesc"><div class="short">Execute a query to filter the dropdown list. Fires the beforequery event prior to performing the \r
-query allowing the...</div><div class="long">Execute a query to filter the dropdown list. Fires the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-beforequery" ext:member="beforequery" ext:cls="Ext.form.ComboBox">beforequery</a> event prior to performing the\r
-query allowing the query action to be canceled if needed.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>query</code> : String<div class="sub-desc">The SQL query to execute</div></li><li><code>forceAll</code> : Boolean<div class="sub-desc"><tt>true</tt> to force the query to execute even if there are currently fewer\r
-characters in the field than the minimum specified by the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-minChars" ext:member="minChars" ext:cls="Ext.form.ComboBox">minChars</a></tt> config option. It\r
+ void<div class="mdesc"><div class="short">Execute a query to filter the dropdown list. Fires the beforequery event prior to performing the\r
+query allowing the ...</div><div class="long">Execute a query to filter the dropdown list. Fires the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-beforequery" ext:member="beforequery" ext:cls="Ext.form.ComboBox">beforequery</a> event prior to performing the
+query allowing the query action to be canceled if needed.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>query</code> : String<div class="sub-desc">The SQL query to execute</div></li><li><code>forceAll</code> : Boolean<div class="sub-desc"><tt>true</tt> to force the query to execute even if there are currently fewer
+characters in the field than the minimum specified by the <tt><a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-minChars" ext:member="minChars" ext:cls="Ext.form.ComboBox">minChars</a></tt> config option. It
also clears any filter previously saved in the current store (defaults to <tt>false</tt>)</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-enable"></a><b><a href="source/Component.html#method-Ext.Component-enable">enable</a></b>()\r
:\r
- Ext.Component<div class="mdesc"><div class="short">Enable this component and fire the 'enable' event.</div><div class="long">Enable this component and fire the 'enable' event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</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#enable" ext:member="#enable" 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-enableBubble"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>( <code>Object events</code> )\r
+ Ext.Component<div class="mdesc"><div class="short">Enable this component and fire the 'enable' event.</div><div class="long">Enable this component and fire the 'enable' event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</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#enable" ext:member="#enable" 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-enableBubble"></a><b><a href="source/Observable-more.html#method-Ext.util.Observable-enableBubble">enableBubble</a></b>( <code>String/Array events</code> )\r
:\r
void<div class="mdesc"><div class="short">Enables events fired by this Observable to bubble up an owner hierarchy by calling \r
this.getBubbleTarget() if present...</div><div class="long"><p>Enables events fired by this Observable to bubble up an owner hierarchy by calling\r
implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to\r
access the required target more quickly.</p>\r
<p>Example:</p><pre><code>Ext.override(Ext.form.Field, {\r
-<i>// Add functionality to Field<em>'s initComponent to enable the change event to bubble\r</i>
- initComponent: Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {\r
- this.enableBubble('</em>change<em>');\r
+ <i>// Add functionality to Field's initComponent to enable the change event to bubble\r</i>
+ initComponent : Ext.form.Field.prototype.initComponent.createSequence(<b>function</b>() {\r
+ this.enableBubble(<em>'change'</em>);\r
}),\r
\r
-<i>// We know that we want Field'</em>s events to bubble directly to the FormPanel.\r</i>
- getBubbleTarget: <b>function</b>() {\r
+ <i>// We know that we want Field's events to bubble directly to the FormPanel.\r</i>
+ getBubbleTarget : <b>function</b>() {\r
<b>if</b> (!this.formPanel) {\r
this.formPanel = this.findParentByType(<em>'form'</em>);\r
}\r
}],\r
listeners: {\r
change: <b>function</b>() {\r
-<i>// Title goes red <b>if</b> form has been modified.\r</i>
- myForm.header.setStyle(<em>"color"</em>, <em>"red"</em>);\r
+ <i>// Title goes red <b>if</b> form has been modified.\r</i>
+ myForm.header.setStyle(<em>'color'</em>, <em>'red'</em>);\r
}\r
}\r
-});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> :
Object<div class="sub-desc">The event name to bubble, or an Array of event names.</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#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-expand"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-expand">expand</a></b>()
\r+});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>events</code> :
String/Array<div class="sub-desc">The event name to bubble, or an Array of event names.</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#enableBubble" ext:member="#enableBubble" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-expand"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-expand">expand</a></b>()
\r :\r
void<div class="mdesc"><div class="short">Expands the dropdown list if it is currently hidden. Fires the expand event on completion.</div><div class="long">Expands the dropdown list if it is currently hidden. Fires the <a href="output/Ext.form.ComboBox.html#Ext.form.ComboBox-expand" ext:member="expand" ext:cls="Ext.form.ComboBox">expand</a> event on completion.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</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-findParentBy"></a><b><a href="source/Component.html#method-Ext.Component-findParentBy">findParentBy</a></b>( <code>Function fn</code> )\r
:\r
<p>An event may be set to bubble up an Observable parent hierarchy (See <a href="output/Ext.Component.html#Ext.Component-getBubbleTarget" ext:member="getBubbleTarget" ext:cls="Ext.Component">Ext.Component.getBubbleTarget</a>)
by calling <a href="output/Ext.util.Observable.html#Ext.util.Observable-enableBubble" ext:member="enableBubble" ext:cls="Ext.util.Observable">enableBubble</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to fire.</div></li><li><code>args</code> : Object...<div class="sub-desc">Variable number of parameters are passed to handlers.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">returns false if any of the handlers return false otherwise it returns true.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#fireEvent" ext:member="#fireEvent" 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.Component-focus"></a><b><a href="source/Component.html#method-Ext.Component-focus">focus</a></b>( <span title="Optional" class="optional">[<code>Boolean selectText</code>]</span>, <span title="Optional" class="optional">[<code>Boolean/Number delay</code>]</span> )\r
:\r
- Ext.Component<div class="mdesc"><div class="short">Try to focus this component.</div><div class="long">Try to focus this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selectText</code> : Boolean<div class="sub-desc">(optional) If applicable, true to also select the text in this component</div></li><li><code>delay</code> : Boolean/Number<div class="sub-desc">(optional) Delay the focus this number of milliseconds (true for 10 milliseconds)</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#focus" ext:member="#focus" 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.BoxComponent-getBox"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getBox">getBox</a></b>( <span title="Optional" class="optional">[<code>Boolean local</code>]</span> )\r
+ Ext.Component<div class="mdesc"><div class="short">Try to focus this component.</div><div class="long">Try to focus this component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>selectText</code> : Boolean<div class="sub-desc">(optional) If applicable, true to also select the text in this component</div></li><li><code>delay</code> : Boolean/Number<div class="sub-desc">(optional) Delay the focus this number of milliseconds (true for 10 milliseconds)</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#focus" ext:member="#focus" 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.form.Field-getActiveError"></a><b><a href="source/Field.html#method-Ext.form.Field-getActiveError">getActiveError</a></b>()\r
+ :\r
+ String<div class="mdesc"><div class="short">Gets the active error message for this field.</div><div class="long">Gets the active error message for this field.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc">Returns the active error message on the field, if there is no error, an empty string is returned.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#getActiveError" ext:member="#getActiveError" ext:cls="Ext.form.Field">Field</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.BoxComponent-getBox"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getBox">getBox</a></b>( <span title="Optional" class="optional">[<code>Boolean local</code>]</span> )\r
:\r
Object<div class="mdesc"><div class="short">Gets the current box measurements of the component's underlying element.</div><div class="long">Gets the current box measurements of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>local</code> : Boolean<div class="sub-desc">(optional) If true the element's left and top are returned instead of page XY (defaults to false)</div></li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">box An object in the format {x, y, width, height}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getBox" ext:member="#getBox" ext:cls="Ext.BoxComponent">BoxComponent</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.Component-getBubbleTarget"></a><b><a href="source/Component.html#method-Ext.Component-getBubbleTarget">getBubbleTarget</a></b>()\r
:\r
<code><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></code> was not assigned through configuration the
<code>id</code> is returned using <code><a href="output/Ext.Component.html#Ext.Component-getId" ext:member="getId" ext:cls="Ext.Component">getId</a></code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>String</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#getItemId" ext:member="#getItemId" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-getListParent"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-getListParent">getListParent</a></b>()\r
:\r
- void<div class="mdesc"><div class="short">Returns the element used to house this ComboBox's pop-up list. Defaults to the document body. \r
-A custom implementatio...</div><div class="long"><p>Returns the element used to house this ComboBox's pop-up list. Defaults to the document body.</p>\r
-A custom implementation may be provided as a configuration option if the floating list needs to be rendered\r
-to a different Element. An example might be rendering the list inside a Menu so that clicking\r
-the list does not hide the Menu:<pre><code><b>var</b> store = <b>new</b> Ext.data.ArrayStore({\r
- autoDestroy: true,\r
- fields: [<em>'initials'</em>, <em>'fullname'</em>],\r
- data : [\r
- [<em>'FF'</em>, <em>'Fred Flintstone'</em>],\r
- [<em>'BR'</em>, <em>'Barney Rubble'</em>]\r
- ]\r
-});\r
-\r
-<b>var</b> combo = <b>new</b> Ext.form.ComboBox({\r
- store: store,\r
- displayField: <em>'fullname'</em>,\r
- emptyText: <em>'Select a name...'</em>,\r
- forceSelection: true,\r
- getListParent: <b>function</b>() {\r
- <b>return</b> this.el.up(<em>'.x-menu'</em>);\r
- },\r
- iconCls: <em>'no-icon'</em>, <i>//use iconCls <b>if</b> placing within menu to shift to right side of menu\r</i>
- mode: <em>'local'</em>,\r
- selectOnFocus: true,\r
- triggerAction: <em>'all'</em>,\r
- typeAhead: true,\r
- width: 135\r
-});\r
-\r
-<b>var</b> menu = <b>new</b> Ext.menu.Menu({\r
- id: <em>'mainMenu'</em>,\r
- items: [\r
- combo <i>// A Field <b>in</b> a Menu\r</i>
- ]\r
+ void<div class="mdesc"><div class="short">Returns the element used to house this ComboBox's pop-up list. Defaults to the document body.\r
+A custom implementation...</div><div class="long"><p>Returns the element used to house this ComboBox's pop-up list. Defaults to the document body.</p>
+A custom implementation may be provided as a configuration option if the floating list needs to be rendered
+to a different Element. An example might be rendering the list inside a Menu so that clicking
+the list does not hide the Menu:<pre><code><b>var</b> store = <b>new</b> Ext.data.ArrayStore({
+ autoDestroy: true,
+ fields: [<em>'initials'</em>, <em>'fullname'</em>],
+ data : [
+ [<em>'FF'</em>, <em>'Fred Flintstone'</em>],
+ [<em>'BR'</em>, <em>'Barney Rubble'</em>]
+ ]
+});
+
+<b>var</b> combo = <b>new</b> Ext.form.ComboBox({
+ store: store,
+ displayField: <em>'fullname'</em>,
+ emptyText: <em>'Select a name...'</em>,
+ forceSelection: true,
+ getListParent: <b>function</b>() {
+ <b>return</b> this.el.up(<em>'.x-menu'</em>);
+ },
+ iconCls: <em>'no-icon'</em>, <i>//use iconCls <b>if</b> placing within menu to shift to right side of menu</i>
+ mode: <em>'local'</em>,
+ selectOnFocus: true,
+ triggerAction: <em>'all'</em>,
+ typeAhead: true,
+ width: 135
+});
+
+<b>var</b> menu = <b>new</b> Ext.menu.Menu({
+ id: <em>'mainMenu'</em>,
+ items: [
+ combo <i>// A Field <b>in</b> a Menu</i>
+ ]
});</code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</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.form.Field-getName"></a><b><a href="source/Field.html#method-Ext.form.Field-getName">getName</a></b>()\r
:\r
String<div class="mdesc"><div class="short">Returns the name or hiddenName\r
:\r
Mixed<div class="mdesc"><div class="short">Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see getValue...</div><div class="long">Returns the raw data value which may or may not be a valid, defined value. To return a normalized value see <a href="output/Ext.form.Field.html#Ext.form.Field-getValue" ext:member="getValue" ext:cls="Ext.form.Field">getValue</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Mixed</code><div class="sub-desc">value The field value</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#getRawValue" ext:member="#getRawValue" ext:cls="Ext.form.Field">Field</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.BoxComponent-getResizeEl"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getResizeEl">getResizeEl</a></b>()\r
:\r
-
void<div class="mdesc"><div class="short">Returns the outermost Element of this Component which defines the Components overall size.
\r+
Ext.Element<div class="mdesc"><div class="short">Returns the outermost Element of this Component which defines the Components overall size.
\r Usually this will return t...</div><div class="long"><p>Returns the outermost Element of this Component which defines the Components overall size.</p>
<p><i>Usually</i> this will return the same Element as <code><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">getEl</a></code>,
but in some cases, a Component may have some more wrapping Elements around its main
<p>An example is a ComboBox. It is encased in a <i>wrapping</i> Element which
contains both the <code><input></code> Element (which is what would be returned
by its <code><a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">getEl</a></code> method, <i>and</i> the trigger button Element.
-This Element is returned as the <code>resizeEl</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>
void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getResizeEl" ext:member="#getResizeEl" ext:cls="Ext.BoxComponent">BoxComponent</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.BoxComponent-getSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getSize">getSize</a></b>()
\r+This Element is returned as the <code>resizeEl</code>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>
<code>Ext.Element</code><div class="sub-desc">The Element which is to be resized by size managing layouts.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getResizeEl" ext:member="#getResizeEl" ext:cls="Ext.BoxComponent">BoxComponent</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.BoxComponent-getSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-getSize">getSize</a></b>()
\r :\r
Object<div class="mdesc"><div class="short">Gets the current size of the component's underlying element.</div><div class="long">Gets the current size of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Object</code><div class="sub-desc">An object containing the element's size {width: (element width), height: (element height)}</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#getSize" ext:member="#getSize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-getStore"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-getStore">getStore</a></b>()\r
:\r
<b>var</b> isBoxInstance = t.isXType(<em>'box'</em>, true); <i>// false, not a direct BoxComponent instance</i></code></pre><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>xtype</code> : String<div class="sub-desc">The xtype to check for this Component</div></li><li><code>shallow</code> : Boolean<div class="sub-desc">(optional) False to check whether this Component is descended from the xtype (this is
the default), or true to check whether this Component is directly of the specified xtype.</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if this component descends from the specified xtype, false otherwise.</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#isXType" ext:member="#isXType" 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.form.Field-markInvalid"></a><b><a href="source/Field.html#method-Ext.form.Field-markInvalid">markInvalid</a></b>( <span title="Optional" class="optional">[<code>String msg</code>]</span> )\r
:\r
- void<div class="mdesc"><div class="short">Mark this field as invalid, using msgTarget to determine how to\r
-display the error and applying invalidClass to the fi...</div><div class="long">Mark this field as invalid, using <a href="output/Ext.form.Field.html#Ext.form.Field-msgTarget" ext:member="msgTarget" ext:cls="Ext.form.Field">msgTarget</a> to determine how to
-display the error and applying <a href="output/Ext.form.Field.html#Ext.form.Field-invalidClass" ext:member="invalidClass" ext:cls="Ext.form.Field">invalidClass</a> to the field's element.
-<b>Note</b>: this method does not actually make the field
-<a href="output/Ext.form.Field.html#Ext.form.Field-isValid" ext:member="isValid" ext:cls="Ext.form.Field">invalid</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>msg</code> : String<div class="sub-desc">(optional) The validation message (defaults to <a href="output/Ext.form.Field.html#Ext.form.Field-invalidText" ext:member="invalidText" ext:cls="Ext.form.Field">invalidText</a>)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#markInvalid" ext:member="#markInvalid" ext:cls="Ext.form.Field">Field</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.Component-nextSibling"></a><b><a href="source/Component.html#method-Ext.Component-nextSibling">nextSibling</a></b>()\r
+ void<div class="mdesc"><div class="short">Display an error message associated with this field, using msgTarget to determine how to\r
+display the message and appl...</div><div class="long"><p>Display an error message associated with this field, using <a href="output/Ext.form.Field.html#Ext.form.Field-msgTarget" ext:member="msgTarget" ext:cls="Ext.form.Field">msgTarget</a> to determine how to
+display the message and applying <a href="output/Ext.form.Field.html#Ext.form.Field-invalidClass" ext:member="invalidClass" ext:cls="Ext.form.Field">invalidClass</a> to the field's UI element.</p>
+<p><b>Note</b>: this method does not cause the Field's <a href="output/Ext.form.Field.html#Ext.form.Field-validate" ext:member="validate" ext:cls="Ext.form.Field">validate</a> method to return <code>false</code>
+if the value does <i>pass</i> validation. So simply marking a Field as invalid will not prevent
+submission of forms submitted with the <a href="output/Ext.form.Action.Submit.html#Ext.form.Action.Submit-clientValidation" ext:member="clientValidation" ext:cls="Ext.form.Action.Submit">Ext.form.Action.Submit.clientValidation</a> option set.</p>
+<a href="output/Ext.form.Field.html#Ext.form.Field-isValid" ext:member="isValid" ext:cls="Ext.form.Field">invalid</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>msg</code> : String<div class="sub-desc">(optional) The validation message (defaults to <a href="output/Ext.form.Field.html#Ext.form.Field-invalidText" ext:member="invalidText" ext:cls="Ext.form.Field">invalidText</a>)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#markInvalid" ext:member="#markInvalid" ext:cls="Ext.form.Field">Field</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.Component-mon"></a><b><a href="source/Component.html#method-Ext.Component-mon">mon</a></b>( <code>Observable|Element item</code>, <code>Object|String ename</code>, <code>Function fn</code>, <code>Object scope</code>, <code>Object opt</code> )\r
+ :\r
+ void<div class="mdesc"><div class="short">Adds listeners to any Observable object (or Elements) which are automatically removed when this Component\r
+is destroye...</div><div class="long"><p>Adds listeners to any Observable object (or Elements) which are automatically removed when this Component
+is destroyed. Usage:</p><code><pre>
+myGridPanel.mon(myGridPanel.getSelectionModel(), <em>'selectionchange'</em>, handleSelectionChange, null, {buffer: 50});
+</pre></code>
+<p>or:</p><code><pre>
+myGridPanel.mon(myGridPanel.getSelectionModel(), {
+ selectionchange: handleSelectionChange,
+ buffer: 50
+});
+</pre></code><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Observable|Element<div class="sub-desc">The item to which to add a listener/listeners.</div></li><li><code>ename</code> : Object|String<div class="sub-desc">The event name, or an object containing event name properties.</div></li><li><code>fn</code> : Function<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
+is the handler function.</div></li><li><code>scope</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
+is the scope (<code>this</code> reference) in which the handler function is executed.</div></li><li><code>opt</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
+is the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> options.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#mon" ext:member="#mon" 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.Component-mun"></a><b><a href="source/Component.html#method-Ext.Component-mun">mun</a></b>( <code>Observable|Element item</code>, <code>Object|String ename</code>, <code>Function fn</code>, <code>Object scope</code> )\r
+ :\r
+ void<div class="mdesc"><div class="short">Removes listeners that were added by the mon method.</div><div class="long">Removes listeners that were added by the <a href="output/Ext.Component.html#Ext.Component-mon" ext:member="mon" ext:cls="Ext.Component">mon</a> method.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Observable|Element<div class="sub-desc">The item from which to remove a listener/listeners.</div></li><li><code>ename</code> : Object|String<div class="sub-desc">The event name, or an object containing event name properties.</div></li><li><code>fn</code> : Function<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
+is the handler function.</div></li><li><code>scope</code> : Object<div class="sub-desc">Optional. If the <code>ename</code> parameter was an event name, this
+is the scope (<code>this</code> reference) in which the handler function is executed.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#mun" ext:member="#mun" 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.Component-nextSibling"></a><b><a href="source/Component.html#method-Ext.Component-nextSibling">nextSibling</a></b>()\r
:\r
Ext.Component<div class="mdesc"><div class="short">Returns the next component in the owning container</div><div class="long">Returns the next component in the owning container<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#nextSibling" ext:member="#nextSibling" 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-on"></a><b><a href="source/Observable.html#method-Ext.util.Observable-on">on</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> )\r
:\r
If events were suspended using the <tt><b>queueSuspended</b></tt> parameter, then all
events fired during event suspension will be sent to any listeners now.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#resumeEvents" ext:member="#resumeEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-select"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-select">select</a></b>( <code>Number index</code>, <code>Boolean scrollIntoView</code> )\r
:\r
- void<div class="mdesc"><div class="short">Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event t...</div><div class="long">Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\r
-The store must be loaded and the list expanded for this function to work, otherwise use setValue.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>index</code> : Number<div class="sub-desc">The zero-based index of the list item to select</div></li><li><code>scrollIntoView</code> : Boolean<div class="sub-desc">False to prevent the dropdown list from autoscrolling to display the\r
+ void<div class="mdesc"><div class="short">Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event t...</div><div class="long">Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.
+The store must be loaded and the list expanded for this function to work, otherwise use setValue.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>index</code> : Number<div class="sub-desc">The zero-based index of the list item to select</div></li><li><code>scrollIntoView</code> : Boolean<div class="sub-desc">False to prevent the dropdown list from autoscrolling to display the
selected item if it is not currently in view (defaults to true)</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 "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-selectByValue"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-selectByValue">selectByValue</a></b>( <code>String value</code>, <code>Boolean scrollIntoView</code> )\r
:\r
- Boolean<div class="mdesc"><div class="short">Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire. \r
-The st...</div><div class="long">Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\r
-The store must be loaded and the list expanded for this function to work, otherwise use setValue.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : String<div class="sub-desc">The data value of the item to select</div></li><li><code>scrollIntoView</code> : Boolean<div class="sub-desc">False to prevent the dropdown list from autoscrolling to display the\r
+ Boolean<div class="mdesc"><div class="short">Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\r
+The sto...</div><div class="long">Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.
+The store must be loaded and the list expanded for this function to work, otherwise use setValue.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : String<div class="sub-desc">The data value of the item to select</div></li><li><code>scrollIntoView</code> : Boolean<div class="sub-desc">False to prevent the dropdown list from autoscrolling to display the
selected item if it is not currently in view (defaults to true)</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the value matched an item in the list, else false</div></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.form.TextField-selectText"></a><b><a href="source/TextField.html#method-Ext.form.TextField-selectText">selectText</a></b>( <span title="Optional" class="optional">[<code>Number start</code>]</span>, <span title="Optional" class="optional">[<code>Number end</code>]</span> )\r
:\r
- void<div class="mdesc"><div class="short">Selects text in this field</div><div class="long">Selects text in this field<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>start</code> : Number<div class="sub-desc">(optional) The index where the selection should start (defaults to 0)</div></li><li><code>end</code> : Number<div class="sub-desc">(optional) The index where the selection should end (defaults to the text length)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#selectText" ext:member="#selectText" ext:cls="Ext.form.TextField">TextField</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.Component-setDisabled"></a><b><a href="source/Component.html#method-Ext.Component-setDisabled">setDisabled</a></b>( <code>Boolean disabled</code> )\r
+ void<div class="mdesc"><div class="short">Selects text in this field</div><div class="long">Selects text in this field<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>start</code> : Number<div class="sub-desc">(optional) The index where the selection should start (defaults to 0)</div></li><li><code>end</code> : Number<div class="sub-desc">(optional) The index where the selection should end (defaults to the text length)</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#selectText" ext:member="#selectText" ext:cls="Ext.form.TextField">TextField</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.BoxComponent-setAutoScroll"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setAutoScroll">setAutoScroll</a></b>( <code>Boolean scroll</code> )\r
+ :\r
+ Ext.BoxComponent<div class="mdesc"><div class="short">Sets the overflow on the content element of the component.</div><div class="long">Sets the overflow on the content element of the component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>scroll</code> : Boolean<div class="sub-desc">True to allow the Component to auto scroll.</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setAutoScroll" ext:member="#setAutoScroll" ext:cls="Ext.BoxComponent">BoxComponent</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.Component-setDisabled"></a><b><a href="source/Component.html#method-Ext.Component-setDisabled">setDisabled</a></b>( <code>Boolean disabled</code> )\r
:\r
Ext.Component<div class="mdesc"><div class="short">Convenience function for setting disabled/enabled by boolean.</div><div class="long">Convenience function for setting disabled/enabled by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>disabled</code> : Boolean<div class="sub-desc"></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#setDisabled" ext:member="#setDisabled" 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.form.TriggerField-setEditable"></a><b><a href="source/TriggerField.html#method-Ext.form.TriggerField-setEditable">setEditable</a></b>( <code>Boolean value</code> )\r
:\r
- void<div class="mdesc"><div class="short">Allow or prevent the user from directly editing the field text. If false is passed, \r
-the user will only be able to m...</div><div class="long">Allow or prevent the user from directly editing the field text. If false is passed,\r
-the user will only be able to modify the field using the trigger. This method\r
-is the runtime equivalent of setting the 'editable' config option at config time.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Boolean<div class="sub-desc">True to allow the user to directly edit the field text</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#setEditable" ext:member="#setEditable" ext:cls="Ext.form.TriggerField">TriggerField</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.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>( <code>Number height</code> )\r
+ void<div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Boolean<div class="sub-desc">True to allow the user to directly edit the field text
+Allow or prevent the user from directly editing the field text. If false is passed,
+the user will only be able to modify the field using the trigger. Will also add
+a click event to the text field which will call the trigger. This method
+is the runtime equivalent of setting the 'editable' config option at config time.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#setEditable" ext:member="#setEditable" ext:cls="Ext.form.TriggerField">TriggerField</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.BoxComponent-setHeight"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setHeight">setHeight</a></b>( <code>Number height</code> )\r
:\r
Ext.BoxComponent<div class="mdesc"><div class="short">Sets the height of the component. This method fires the resize event.</div><div class="long">Sets the height of the component. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>height</code> : Number<div class="sub-desc">The new height to set. This may be one of:<div class="mdetail-params"><ul>
<li>A Number specifying the new height in the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-getEl" ext:member="getEl" ext:cls="Ext.BoxComponent">Element</a>'s <a href="output/Ext.Element.html#Ext.Element-defaultUnit" ext:member="defaultUnit" ext:cls="Ext.Element">Ext.Element.defaultUnit</a>s (by default, pixels).</li>
This method fires ...</div><div class="long">Sets the left and top of the component. To set the page XY position instead, use <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-setPagePosition" ext:member="setPagePosition" ext:cls="Ext.BoxComponent">setPagePosition</a>.
This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-move" ext:member="move" ext:cls="Ext.BoxComponent">move</a> event.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>left</code> : Number<div class="sub-desc">The new left</div></li><li><code>top</code> : Number<div class="sub-desc">The new top</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setPosition" ext:member="#setPosition" ext:cls="Ext.BoxComponent">BoxComponent</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.form.Field-setRawValue"></a><b><a href="source/Field.html#method-Ext.form.Field-setRawValue">setRawValue</a></b>( <code>Mixed value</code> )\r
:\r
- Mixed<div class="mdesc"><div class="short">Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue.</div><div class="long">Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see <a href="output/Ext.form.Field.html#Ext.form.Field-setValue" ext:member="setValue" ext:cls="Ext.form.Field">setValue</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Mixed<div class="sub-desc">The value to set</div></li></ul><strong>Returns:</strong><ul><li><code>Mixed</code><div class="sub-desc">value The field value that is set</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#setRawValue" ext:member="#setRawValue" ext:cls="Ext.form.Field">Field</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.BoxComponent-setSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setSize">setSize</a></b>( <code>Mixed width</code>, <code>Mixed height</code> )\r
+ Mixed<div class="mdesc"><div class="short">Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see setValue.</div><div class="long">Sets the underlying DOM field's value directly, bypassing validation. To set the value with validation see <a href="output/Ext.form.Field.html#Ext.form.Field-setValue" ext:member="setValue" ext:cls="Ext.form.Field">setValue</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Mixed<div class="sub-desc">The value to set</div></li></ul><strong>Returns:</strong><ul><li><code>Mixed</code><div class="sub-desc">value The field value that is set</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#setRawValue" ext:member="#setRawValue" ext:cls="Ext.form.Field">Field</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.form.TriggerField-setReadOnly"></a><b><a href="source/TriggerField.html#method-Ext.form.TriggerField-setReadOnly">setReadOnly</a></b>( <code>Boolean value</code> )\r
+ :\r
+ void<div class="mdesc"><div class="short"></div><div class="long"><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Boolean<div class="sub-desc">True to prevent the user changing the field and explicitly
+hide the trigger.
+Setting this to true will superceed settings editable and hideTrigger.
+Setting this to false will defer back to editable and hideTrigger. This method
+is the runtime equivalent of setting the 'readOnly' config option at config time.</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TriggerField.html#setReadOnly" ext:member="#setReadOnly" ext:cls="Ext.form.TriggerField">TriggerField</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.BoxComponent-setSize"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setSize">setSize</a></b>( <code>Mixed width</code>, <code>Mixed height</code> )\r
:\r
Ext.BoxComponent<div class="mdesc"><div class="short">Sets the width and height of this BoxComponent. This method fires the resize event. This method can accept\r
either wid...</div><div class="long">Sets the width and height of this BoxComponent. This method fires the <a href="output/Ext.BoxComponent.html#Ext.BoxComponent-resize" ext:member="resize" ext:cls="Ext.BoxComponent">resize</a> event. This method can accept
<li><code>undefined</code> to leave the height unchanged.</li>
</ul></div></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#setSize" ext:member="#setSize" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-setValue"></a><b><a href="source/Combo.html#method-Ext.form.ComboBox-setValue">setValue</a></b>( <code>String value</code> )\r
:\r
- Ext.form.Field<div class="mdesc"><div class="short">Sets the specified value into the field. If the value finds a match, the corresponding record text \r
-will be displaye...</div><div class="long">Sets the specified value into the field. If the value finds a match, the corresponding record text\r
-will be displayed in the field. If the value does not match the data value of an existing item,\r
-and the valueNotFoundText config option is defined, it will be displayed as the default field text.\r
+ Ext.form.Field<div class="mdesc"><div class="short">Sets the specified value into the field. If the value finds a match, the corresponding record text\r
+will be displayed...</div><div class="long">Sets the specified value into the field. If the value finds a match, the corresponding record text
+will be displayed in the field. If the value does not match the data value of an existing item,
+and the valueNotFoundText config option is defined, it will be displayed as the default field text.
Otherwise the field will be blank (although the value will still be set).<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : String<div class="sub-desc">The value to match</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.form.Field</code><div class="sub-desc">this</div></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-setVisible"></a><b><a href="source/Component.html#method-Ext.Component-setVisible">setVisible</a></b>( <code>Boolean visible</code> )\r
:\r
Ext.Component<div class="mdesc"><div class="short">Convenience function to hide or show this component by boolean.</div><div class="long">Convenience function to hide or show this component by boolean.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>visible</code> : Boolean<div class="sub-desc">True to show, false to hide</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#setVisible" ext:member="#setVisible" 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.BoxComponent-setWidth"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-setWidth">setWidth</a></b>( <code>Number width</code> )\r
:\r
Ext.BoxComponent<div class="mdesc"><div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div><div class="long">Force the component's size to recalculate based on the underlying element's current height and width.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#syncSize" ext:member="#syncSize" ext:cls="Ext.BoxComponent">BoxComponent</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-un"></a><b><a href="source/Observable.html#method-Ext.util.Observable-un">un</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span> )\r
:\r
- void<div class="mdesc"><div class="short">Removes an event handler (shorthand for removeListener.)</div><div class="long">Removes an event handler (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-removeListener" ext:member="removeListener" ext:cls="Ext.util.Observable">removeListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</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#un" ext:member="#un" 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.BoxComponent-updateBox"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-updateBox">updateBox</a></b>( <code>Object box</code> )\r
+ void<div class="mdesc"><div class="short">Removes an event handler (shorthand for removeListener.)</div><div class="long">Removes an event handler (shorthand for <a href="output/Ext.util.Observable.html#Ext.util.Observable-removeListener" ext:member="removeListener" ext:cls="Ext.util.Observable">removeListener</a>.)<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The type of event the handler was associated with.</div></li><li><code>handler</code> : Function<div class="sub-desc">The handler to remove. <b>This must be a reference to the function passed into the <a href="output/Ext.util.Observable.html#Ext.util.Observable-addListener" ext:member="addListener" ext:cls="Ext.util.Observable">addListener</a> call.</b></div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope originally specified for the handler.</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#un" ext:member="#un" 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.Component-update"></a><b><a href="source/Component.html#method-Ext.Component-update">update</a></b>( <code>Mixed htmlOrData</code>, <span title="Optional" class="optional">[<code>Boolean loadScripts</code>]</span>, <span title="Optional" class="optional">[<code>Function callback</code>]</span> )\r
+ :\r
+ void<div class="mdesc"><div class="short">Update the content area of a component.</div><div class="long">Update the content area of a component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>htmlOrData</code> : Mixed<div class="sub-desc">If this component has been configured with a template via the tpl config
+then it will use this argument as data to populate the template.
+If this component was not configured with a template, the components
+content area will be updated via Ext.Element update</div></li><li><code>loadScripts</code> : Boolean<div class="sub-desc">(optional) Only legitimate when using the html configuration. Defaults to false</div></li><li><code>callback</code> : Function<div class="sub-desc">(optional) Only legitimate when using the html configuration. Callback to execute when scripts have finished loading</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#update" ext:member="#update" 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.BoxComponent-updateBox"></a><b><a href="source/BoxComponent.html#method-Ext.BoxComponent-updateBox">updateBox</a></b>( <code>Object box</code> )\r
:\r
Ext.BoxComponent<div class="mdesc"><div class="short">Sets the current box measurements of the component's underlying element.</div><div class="long">Sets the current box measurements of the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>box</code> : Object<div class="sub-desc">An object in the format {x, y, width, height}</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.BoxComponent</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#updateBox" ext:member="#updateBox" ext:cls="Ext.BoxComponent">BoxComponent</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.form.Field-validate"></a><b><a href="source/Field.html#method-Ext.form.Field-validate">validate</a></b>()\r
:\r
configured <code><a href="output/Ext.form.TextField.html#Ext.form.TextField-regex" ext:member="regex" ext:cls="Ext.form.TextField">regex</a></code> test will be processed.
The invalid message for this test is configured with
<code><a href="output/Ext.form.TextField.html#Ext.form.TextField-regexText" ext:member="regexText" ext:cls="Ext.form.TextField">regexText</a></code>.</p>
-</div></li><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Mixed<div class="sub-desc">The value to validate</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the value is valid, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#validateValue" ext:member="#validateValue" ext:cls="Ext.form.TextField">TextField</a></td></tr></tbody></table><a id="Ext.form.ComboBox-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-afterrender"></a><b><a href="source/Component.html#event-Ext.Component-afterrender">afterrender</a></b> :\r
+</div></li><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>value</code> : Mixed<div class="sub-desc">The value to validate</div></li></ul><strong>Returns:</strong><ul><li><code>Boolean</code><div class="sub-desc">True if the value is valid, else false</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#validateValue" ext:member="#validateValue" ext:cls="Ext.form.TextField">TextField</a></td></tr></tbody></table><a id="Ext.form.ComboBox-events"></a><h2>Public Events</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Event</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-added"></a><b><a href="source/Component.html#event-Ext.Component-added">added</a></b> :\r
+ ( <code>Ext.Component this</code>, <code>Ext.Container ownerCt</code>, <code>number index</code> )\r
+ <div class="mdesc"><div class="short">Fires when a component is added to an Ext.Container</div><div class="long">Fires when a component is added to an Ext.Container<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>ownerCt</code> : Ext.Container<div class="sub-desc">Container which holds the component</div></li><li><code>index</code> : number<div class="sub-desc">Position at which the component was added</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#added" ext:member="#added" 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.Component-afterrender"></a><b><a href="source/Component.html#event-Ext.Component-afterrender">afterrender</a></b> :\r
( <code>Ext.Component this</code> )\r
<div class="mdesc"><div class="short">Fires after the component rendering is finished.\r
The afterrender event is fired after this Component has been rendere...</div><div class="long"><p>Fires after the component rendering is finished.</p>
Return false from an event handler to stop the hide.</div><div class="long">Fires before the component is hidden by calling the <a href="output/Ext.Component.html#Ext.Component-hide" ext:member="hide" ext:cls="Ext.Component">hide</a> method.
Return false from an event handler to stop the hide.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#beforehide" ext:member="#beforehide" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.form.ComboBox-beforequery"></a><b><a href="source/Combo.html#event-Ext.form.ComboBox-beforequery">beforequery</a></b> :\r
( <code>Object queryEvent</code> )\r
- <div class="mdesc"><div class="short">Fires before all queries are processed. Return false to cancel the query or set the queryEvent's \r
-cancel property to ...</div><div class="long">Fires before all queries are processed. Return false to cancel the query or set the queryEvent's\r
-cancel property to true.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>queryEvent</code> : Object<div class="sub-desc">An object that has these properties:<ul>\r
-<li><code>combo</code> : Ext.form.ComboBox <div class="sub-desc">This combo box</div></li>\r
-<li><code>query</code> : String <div class="sub-desc">The query</div></li>\r
-<li><code>forceAll</code> : Boolean <div class="sub-desc">True to force "all" query</div></li>\r
-<li><code>cancel</code> : Boolean <div class="sub-desc">Set to true to cancel the query</div></li>\r
+ <div class="mdesc"><div class="short">Fires before all queries are processed. Return false to cancel the query or set the queryEvent's\r
+cancel property to t...</div><div class="long">Fires before all queries are processed. Return false to cancel the query or set the queryEvent's
+cancel property to true.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>queryEvent</code> : Object<div class="sub-desc">An object that has these properties:<ul>
+<li><code>combo</code> : Ext.form.ComboBox <div class="sub-desc">This combo box</div></li>
+<li><code>query</code> : String <div class="sub-desc">The query</div></li>
+<li><code>forceAll</code> : Boolean <div class="sub-desc">True to force "all" query</div></li>
+<li><code>cancel</code> : Boolean <div class="sub-desc">Set to true to cancel the query</div></li>
</ul></div></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-beforerender"></a><b><a href="source/Component.html#event-Ext.Component-beforerender">beforerender</a></b> :\r
( <code>Ext.Component this</code> )\r
<div class="mdesc"><div class="short">Fires before the component is rendered. Return false from an\r
is set to true.</div><div class="long">Keyup input field event. This event only fires if <tt><b><a href="output/Ext.form.TextField.html#Ext.form.TextField-enableKeyEvents" ext:member="enableKeyEvents" ext:cls="Ext.form.TextField">enableKeyEvents</a></b></tt>
is set to true.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.form.TextField<div class="sub-desc">This text field</div></li><li><code>e</code> : Ext.EventObject<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.form.TextField.html#keyup" ext:member="#keyup" ext:cls="Ext.form.TextField">TextField</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.BoxComponent-move"></a><b><a href="source/BoxComponent.html#event-Ext.BoxComponent-move">move</a></b> :\r
( <code>Ext.Component this</code>, <code>Number x</code>, <code>Number y</code> )\r
- <div class="mdesc"><div class="short">Fires after the component is moved.</div><div class="long">Fires after the component is moved.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>x</code> : Number<div class="sub-desc">The new x position</div></li><li><code>y</code> : Number<div class="sub-desc">The new y position</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#move" ext:member="#move" ext:cls="Ext.BoxComponent">BoxComponent</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.Component-render"></a><b><a href="source/Component.html#event-Ext.Component-render">render</a></b> :\r
+ <div class="mdesc"><div class="short">Fires after the component is moved.</div><div class="long">Fires after the component is moved.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>x</code> : Number<div class="sub-desc">The new x position</div></li><li><code>y</code> : Number<div class="sub-desc">The new y position</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#move" ext:member="#move" ext:cls="Ext.BoxComponent">BoxComponent</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.Component-removed"></a><b><a href="source/Component.html#event-Ext.Component-removed">removed</a></b> :\r
+ ( <code>Ext.Component this</code>, <code>Ext.Container ownerCt</code> )\r
+ <div class="mdesc"><div class="short">Fires when a component is removed from an Ext.Container</div><div class="long">Fires when a component is removed from an Ext.Container<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li><li><code>ownerCt</code> : Ext.Container<div class="sub-desc">Container which holds the component</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#removed" ext:member="#removed" 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.Component-render"></a><b><a href="source/Component.html#event-Ext.Component-render">render</a></b> :\r
( <code>Ext.Component this</code> )\r
<div class="mdesc"><div class="short">Fires after the component markup is rendered.</div><div class="long">Fires after the component markup is <a href="output/Ext.Component.html#Ext.Component-rendered" ext:member="rendered" ext:cls="Ext.Component">rendered</a>.<div class="mdetail-params"><strong style="font-weight: normal;">Listeners will be called with the following arguments:</strong><ul><li><code>this</code> : Ext.Component<div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#render" ext:member="#render" 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.BoxComponent-resize"></a><b><a href="source/BoxComponent.html#event-Ext.BoxComponent-resize">resize</a></b> :\r
( <code>Ext.Component this</code>, <code>Number adjWidth</code>, <code>Number adjHeight</code>, <code>Number rawWidth</code>, <code>Number rawHeight</code> )\r
git.ithinksw.org / extjs.git / blobdiff