📄 ext.form.field.html.svn-base
字号:
<b>inputType</b> : String <div class="mdesc">
<div class="short">The type attribute for input fields -- e.g. radio, text, etc. (defaults to "text"). The types "file" and "password" m...</div>
<div class="long">
The type attribute for input fields -- e.g. radio, text, etc. (defaults to "text"). The types "file" and "password" must be used to render those field types currently -- there are no separate Ext components for those. </div>
</div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-invalidClass"></a>
<b>invalidClass</b> : String <div class="mdesc">
The CSS class to use when marking a field invalid (defaults to "x-form-invalid") </div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-invalidText"></a>
<b>invalidText</b> : String <div class="mdesc">
<div class="short">The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field i...</div>
<div class="long">
The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid") </div>
</div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-itemCls"></a>
<b>itemCls</b> : String <div class="mdesc">
<div class="short">An additional CSS class to apply to the wrapper's form item element of this field (defaults to the container's itemCl...</div>
<div class="long">
An additional CSS class to apply to the wrapper's form item element of this field (defaults to the container's itemCls value if set, or ''). Since it is applied to the item wrapper, it allows you to write standard CSS rules that can apply to the field, the label (if specified) or any other element within the markup for the field. NOTE: this will not have any effect on fields that are not part of a form. Example use: <pre><code><i>// Apply a style to the field's label:</i><style> .required .x-form-item-label {font-weight:bold;color:red;}</style><b>new</b> Ext.FormPanel({ height: 100, renderTo: document.body, items: [{ xtype: <em>'textfield'</em>, fieldLabel: <em>'Name'</em>, itemCls: <em>'required'</em> <i>//<b>this</b> label will be styled</i> },{ xtype: <em>'textfield'</em>, fieldLabel: <em>'Favorite Color'</em> }]});</code></pre> </div>
</div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-labelSeparator"></a>
<b>labelSeparator</b> : String <div class="mdesc">
<div class="short">The standard separator to display after the text of each form label (defaults to the value of Ext.layout.FormLayout.l...</div>
<div class="long">
The standard separator to display after the text of each form label (defaults to the value of <a ext:cls="Ext.layout.FormLayout" ext:member="labelSeparator" href="output/Ext.layout.FormLayout.html#labelSeparator">Ext.layout.FormLayout.labelSeparator</a>, which is a colon ':' by default). To display no separator for this field's label specify empty string ''. </div>
</div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-labelStyle"></a>
<b>labelStyle</b> : String <div class="mdesc">
<div class="short">A CSS style specification to apply directly to this field's label (defaults to the container's labelStyle value if se...</div>
<div class="long">
A CSS style specification to apply directly to this field's label (defaults to the container's labelStyle value if set, or ''). For example, <code>labelStyle: 'font-weight:bold;'</code>. </div>
</div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-listeners"></a>
<b>listeners</b> : Object <div class="mdesc">
<div class="short">A config object containing one or more event handlers to be added to this object during initialization. This should b...</div>
<div class="long">
A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-msgFx"></a>
<b>msgFx</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">Field</td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-msgTarget"></a>
<b>msgTarget</b> : String <div class="mdesc">
<div class="short">The location where error text should display. Should be one of the following values (defaults to 'qtip'): 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 fieldtitle Display a default browser title attribute popupunder Add a block div beneath the field containing the error textside 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">Field</td>
</tr>
<tr class="config-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-name"></a>
<b>name</b> : String <div class="mdesc">
The field's HTML name attribute (defaults to ""). </div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-overCls"></a>
<b>overCls</b> : String <div class="mdesc">
<div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves over the Element, and...</div>
<div class="long">
An optional extra CSS class that will be added to this component's Element when the mouse moves over the Element, and removed when the mouse moves out. (defaults to ''). This can be useful for adding customized "active" or "hover" styles to the component or any of its children using standard CSS rules. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#overCls" href="output/Ext.Component.html#overCls">Component</a></td>
</tr>
<tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-pageX"></a>
<b>pageX</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 ext:cls="Ext.BoxComponent" ext:member="#pageX" href="output/Ext.BoxComponent.html#pageX">BoxComponent</a></td>
</tr>
<tr class="config-row inherited alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-pageY"></a>
<b>pageY</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 ext:cls="Ext.BoxComponent" ext:member="#pageY" href="output/Ext.BoxComponent.html#pageY">BoxComponent</a></td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-plugins"></a>
<b>plugins</b> : Object/Array <div class="mdesc">
<div class="short">An object or array of objects that will provide custom functionality for this component. The only requirement for a v...</div>
<div class="long">
An object or array of objects that will provide custom functionality for this component. The only requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component. When a component is created, if any plugins are available, the component will call the init method on each plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the component as needed to provide its functionality. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#plugins" href="output/Ext.Component.html#plugins">Component</a></td>
</tr>
<tr class="config-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-readOnly"></a>
<b>readOnly</b> : Boolean <div class="mdesc">
<div class="short">True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM att...</div>
<div class="long">
True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute. </div>
</div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-renderTo"></a>
<b>renderTo</b> : Mixed <div class="mdesc">
<div class="short">The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using...</div>
<div class="long">
The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using this config, a call to render() is not required. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#renderTo" href="output/Ext.Component.html#renderTo">Component</a></td>
</tr>
<tr class="config-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-stateEvents"></a>
<b>stateEvents</b> : Array <div class="mdesc">
<div class="short">An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be...</div>
<div class="long">
An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be any types of events supported by this component, including browser or custom events (e.g., ['click', 'customerchange']). <p>See <a ext:cls="Ext.Component" ext:member="stateful" href="output/Ext.Component.html#stateful">stateful</a> for an explanation of saving and restoring Component state.</p> </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#stateEvents" href="output/Ext.Component.html#stateEvents">Component</a></td>
</tr>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -