ext.form.field.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

<!--
Mock
<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>
-->
<style type="text/css">
    body {
        overflow: scroll;
    }
    /**
	 .mdesc .long {
        display: block;
    }
     */
</style>
<!-- End Mock-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="body-wrap">
    <div class="top-tools">
        <a class="inner-link" href="#Ext.form.Field-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.form.Field-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.form.Field-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.form.Field-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.form.Field"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.form.Field</h1>
    <table cellspacing="0">
        <!--
        <tr>
        <td class="label">
        Package:
        </td>
        <td class="hd-info">
        </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">
                Ext.form.Field
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.BoxComponent
            </td>
        </tr>
    </table>
    <div class="description">
        表单元素的基类，提供事件操作、尺寸调整、值操作与其它功能
    </div>
    <div class="hr">
    </div>
    <a id="Ext.form.Field-configs"></a>
    <h2>配置项</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">
                    配置项
                </th>
                <th class="msource-header">
                    定义者
                </th>
            </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="-header"></a>
                        <b></b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                表单元素无效时标在上面的CSS样式（默认为"x-form-invalid"） 
                            </div>
                            <div class="long">
                                表单元素无效时标在上面的CSS样式（默认为"x-form-invalid"） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="invalidText-header"></a>
                        <b>invalidText</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                表单元素无效时标在上面的文本信息（默认为"The value in t... 
                            </div>
                            <div class="long">
                                表单元素无效时标在上面的文本信息（默认为"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">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="focusClass-header"></a>
                        <b>focusClass</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                当表单元素获取焦点时的CSS样式（默认为"x-form-focus"） 
                            </div>
                            <div class="long">
                                当表单元素获取焦点时的CSS样式（默认为"x-form-focus"） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="validationEvent-header"></a>
                        <b>validationEvent</b>
                        : String/Boolean
                        <div class="mdesc">
                            <div class="short">
                                初始化元素验证的事件名，如果设假，则不进行验证（默认"keyup"） 
                            </div>
                            <div class="long">
                                初始化元素验证的事件名，如果设假，则不进行验证（默认"keyup"） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="validateOnBlur-header"></a>
                        <b>validateOnBlur</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                是否当失去焦点时验证此表单元素（默认真）。 
                            </div>
                            <div class="long">
                                是否当失去焦点时验证此表单元素（默认真）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="validationDelay-header"></a>
                        <b>validationDelay</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                用户输入开始到验证开始的间隔毫秒数（默认250毫秒） 
                            </div>
                            <div class="long">
                                用户输入开始到验证开始的间隔毫秒数（默认250毫秒） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="autoCreate-header"></a>
                        <b>autoCreate</b>
                        : String/Object
                        <div class="mdesc">
                            <div class="short">
                                一个指定的DomHelper对象，如果为真则为一个默认对象（默认 {t... 
                            </div>
                            <div class="long">
                                一个指定的DomHelper对象，如果为真则为一个默认对象（默认 {tag: "input", type: "text", size: "20", autocomplete: "off"}） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="fieldClass-header"></a>
                        <b>fieldClass</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                表单元素一般状态CSS样式（默认为"x-form-field"） 
                            </div>
                            <div class="long">
                                表单元素一般状态CSS样式（默认为"x-form-field"） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="msgTarget-header"></a>
                        <b>msgTarget</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                错误提示的显示位置。 可以是以下列表中的任意一项（默认为"qtip"）... 
                            </div>
                            <div class="long">
                                错误提示的显示位置。 可以是以下列表中的任意一项（默认为"qtip"）<pre>
Value         Description
-----------   ----------------------------------------------------------------------
qtip          Display a quick tip when the user hovers over the field	当鼠标旋停在表单元素上时显示。
title         Display a default browser title attribute popup			显示浏览器默认"popup"提示。
under         Add a block div beneath the field containing the error text 创建一个包函错误信息的"div"对象（块显示方式）在表单元素下面。	
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 直接在指定的对象的"innerHTML"属性里添加错误信息。 
</pre> 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Field
                        
                    </td>
                </tr>