📄 ext.form.field.html.svn-base
字号:
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.form.Field-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.form.Field-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.form.Field-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.form.Field-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.form.Field"><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 ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a> <img src="resources/elbow-end.gif"/>Field</pre></div> <h1>Class Ext.form.Field</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">Field.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">Field</td></tr> <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.form.Checkbox" href="output/Ext.form.Checkbox.html">Checkbox</a>, <a ext:cls="Ext.form.Hidden" href="output/Ext.form.Hidden.html">Hidden</a>, <a ext:cls="Ext.form.HtmlEditor" href="output/Ext.form.HtmlEditor.html">HtmlEditor</a>, <a ext:cls="Ext.form.TextField" href="output/Ext.form.TextField.html">TextField</a></td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a></td></tr> </table> <div class="description"> Base class for form fields that provides default event handling, sizing, value handling and other functionality. </div> <div class="hr"></div> <a id="Ext.form.Field-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row inherited">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-allowDomMove"></a>
<b>allowDomMove</b> : Boolean <div class="mdesc">
Whether the component can move the Dom node when rendering (defaults to true). </div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#allowDomMove" href="output/Ext.Component.html#allowDomMove">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-applyTo"></a>
<b>applyTo</b> : Mixed <div class="mdesc">
<div class="short">The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document ...</div>
<div class="long">
The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document that specifies some structural markup for this component. When applyTo is used, constituent parts of the component can also be specified by id or CSS class name within the main element, and the component being created may attempt to create its subcomponents from that markup if applicable. Using this config, a call to render() is not required. If applyTo is specified, any value passed for <a ext:cls="Ext.Component" ext:member="renderTo" href="output/Ext.Component.html#renderTo">renderTo</a> will be ignored and the target element's parent node will automatically be used as the component's container. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#applyTo" href="output/Ext.Component.html#applyTo">Component</a></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-autoCreate"></a>
<b>autoCreate</b> : String/Object <div class="mdesc">
<div class="short">A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "20", au...</div>
<div class="long">
A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "20", autocomplete: "off"}) </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-autoShow"></a>
<b>autoShow</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 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 ext:cls="Ext.Component" ext:member="#autoShow" href="output/Ext.Component.html#autoShow">Component</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-clearCls"></a>
<b>clearCls</b> : String <div class="mdesc">
The CSS class used to provide field clearing (defaults to 'x-form-clear-left') </div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-cls"></a>
<b>cls</b> : String <div class="mdesc">
A custom CSS class to apply to the field's underlying element (defaults to ""). </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-ctCls"></a>
<b>ctCls</b> : String <div class="mdesc">
<div class="short">An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for...</div>
<div class="long">
An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for adding customized styles to the container or any of its children using standard CSS rules. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#ctCls" href="output/Ext.Component.html#ctCls">Component</a></td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-disabled"></a>
<b>disabled</b> : Boolean <div class="mdesc">
True to disable the field (defaults to false). </div>
</td>
<td class="msource">Field</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-disabledClass"></a>
<b>disabledClass</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 ext:cls="Ext.Component" ext:member="#disabledClass" href="output/Ext.Component.html#disabledClass">Component</a></td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-fieldClass"></a>
<b>fieldClass</b> : String <div class="mdesc">
The default CSS class for the field (defaults to "x-form-field") </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-fieldLabel"></a>
<b>fieldLabel</b> : String <div class="mdesc">
The label text to display next to this field (defaults to '') </div>
</td>
<td class="msource">Field</td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-focusClass"></a>
<b>focusClass</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">Field</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-height"></a>
<b>height</b> : Number <div class="mdesc">
The height of this component in pixels (defaults to auto). </div>
</td>
<td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#height" href="output/Ext.BoxComponent.html#height">BoxComponent</a></td>
</tr>
<tr class="config-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.form.Field-hideLabel"></a>
<b>hideLabel</b> : Boolean <div class="mdesc">
True to completely hide the label element (defaults to false) </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-hideMode"></a>
<b>hideMode</b> : String <div class="mdesc">
<div class="short">How this component should hidden. Supported values are "visibility" (css visibility), "offsets" (negative offset posi...</div>
<div class="long">
How this component should hidden. Supported values are "visibility" (css visibility), "offsets" (negative offset position) and "display" (css display) - defaults to "display". </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#hideMode" href="output/Ext.Component.html#hideMode">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-hideParent"></a>
<b>hideParent</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 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 ext:cls="Ext.Component" ext:member="#hideParent" href="output/Ext.Component.html#hideParent">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-id"></a>
<b>id</b> : String <div class="mdesc">
The unique id of this component (defaults to an auto-assigned id). </div>
</td>
<td class="msource"><a ext:cls="Ext.Component" ext:member="#id" href="output/Ext.Component.html#id">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-inputType"></a>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -