ext.form.triggerfield.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.TriggerField-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.form.TriggerField-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.form.TriggerField-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.form.TriggerField-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.form.TriggerField"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.form.TriggerField</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">
                TriggerField.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.form.TriggerField
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.form.TextField
            </td>
        </tr>
    </table>
    <div class="description">
        为添加了带有可触发事件的按钮的TextFields（文本域）提供一个方便的封装（很像一个默认combobox）。
  触发器没有默认行为（action），因此你必须通过重写方法<a href="###" onClick="alert('#onTriggerClick');">#onTriggerClick</a>的方式，指派一个方法实现触发器的点击事件处理。
  你可以直接创建一个TriggerField（触发域），由于它会呈现与combobox相像的效果，你可以通过它提供一种自定义的实现。例如：

  <pre><code>
var trigger = new Ext.form.TriggerField();
trigger.onTriggerClick = myTriggerFn;
trigger.applyTo('my-field');
</code></pre>
 
  然而，你可能会更倾向于将TriggerField作为一个可复用容器的基类。
  <a href="###" onClick="alert('Ext.form.DateField');">Ext.form.DateField</a>和<a href="###" onClick="alert('Ext.form.ComboBox');">Ext.form.ComboBox</a>就是两个较好的样板.
  @cf
    </div>
    <div class="hr">
    </div>
    <a id="Ext.form.TriggerField-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="triggerClass-header"></a>
                        <b>triggerClass</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                应用到触发器身上的CSS样式类 
                            </div>
                            <div class="long">
                                应用到触发器身上的CSS样式类 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TriggerField
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.form.Field" 
								ext:member="#method-autoCreate" 
								href="output/Ext.form.Field.html#method-autoCreate">
								Field
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="hideTrigger-header"></a>
                        <b>hideTrigger</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                为true时隐藏触发元素，只显示基本文本域（默认为false）。 
                            </div>
                            <div class="long">
                                为true时隐藏触发元素，只显示基本文本域（默认为false）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TriggerField
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="grow-header"></a>
                        <b>grow</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                当值为 true 时表示字段可以根据内容自动伸缩 
                            </div>
                            <div class="long">
                                当值为 true 时表示字段可以根据内容自动伸缩 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.form.TextField" 
								ext:member="#method-grow" 
								href="output/Ext.form.TextField.html#method-grow">
								TextField
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="growMin-header"></a>
                        <b>growMin</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                当 grow = true 时允许的字段最小宽度(默认为 30) 
                            </div>
                            <div class="long">
                                当 grow = true 时允许的字段最小宽度(默认为 30) 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.form.TextField" 
								ext:member="#method-growMin" 
								href="output/Ext.form.TextField.html#method-growMin">
								TextField
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="growMax-header"></a>
                        <b>growMax</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                当 grow = true 时允许的字段最大宽度(默认为 800) 
                            </div>
                            <div class="long">
                                当 grow = true 时允许的字段最大宽度(默认为 800) 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.form.TextField" 
								ext:member="#method-growMax" 
								href="output/Ext.form.TextField.html#method-growMax">
								TextField
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="vtype-header"></a>
                        <b>vtype</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                Ext.form.VTypes 中定义的效验类型名(默认为 null) 
                            </div>
                            <div class="long">
                                <a href="###" onClick="alert('Ext.form.VTypes');">Ext.form.VTypes</a> 中定义的效验类型名(默认为 null) 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.form.TextField" 
								ext:member="#method-vtype" 
								href="output/Ext.form.TextField.html#method-vtype">
								TextField
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="maskRe-header"></a>
                        <b>maskRe</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                一个用来过滤无效按键的正则表达式(默认为 null) 
                            </div>
                            <div class="long">
                                一个用来过滤无效按键的正则表达式(默认为 null) 
                            </div>
                        </div>