ext.action.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.Action-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.Action-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.Action-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.Action-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.Action"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.Action</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">
                Action.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.Action
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Object
            </td>
        </tr>
    </table>
    <div class="description">
        <p>Action 是可复用性中可以抽象出来，被任意特定组件所继承的特性之一。
  Action 使你可以通过所有实现了 Actions 接口的组件共享处理函数、配置选项对象以及 UI 的更新（比如 <a href="###" onClick="alert('Ext.Toolbar');">Ext.Toolbar</a>、<a href="###" onClick="alert('Ext.Button');">Ext.Button</a> 和 <a href="###" onClick="alert('Ext.menu.Menu');">Ext.menu.Menu</a> 组件）。</p>
  <p>除了提供的配置选项对象接口之外，任何想要使用 Action 的组件必需提供下列方法以便在 Action 所需时调用：setText(string)、setIconCls(string)、setDisabled(boolean)、setVisible(boolean)和setHandler(function)。</p>
  使用示例：<br>
  <pre><code>
// Define the shared action.  Each component below will have the same
// display text and icon, and will display the same message on click.
var action = new Ext.Action({
    text: 'Do something',
    handler: function(){
        Ext.Msg.alert('Click', 'You did something.');
    },
    iconCls: 'do-something'
});

var panel = new Ext.Panel({
    title: 'Actions',
    width:500,
    height:300,
    tbar: [
        // Add the action directly to a toolbar as a menu button
        action, {
            text: 'Action Menu',
            // Add the action to a menu as a text item
            menu: [action]
        }
    ],
    items: [
        // Add the action to the panel body as a standard button
        new Ext.Button(action)
    ],
    renderTo: Ext.getBody()
});

// Change the text for all components using the action
action.setText('Something else');
</code></pre
    </div>
    <div class="hr">
    </div>
    <a id="Ext.Action-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="text-header"></a>
                        <b>text</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                使用 action 对象的所有组件的文本（默认为 ''）。
 
                            </div>
                            <div class="long">
                                使用 action 对象的所有组件的文本（默认为 ''）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Action
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="iconCls-header"></a>
                        <b>iconCls</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                使用 action 对象的组件的图标样式表（默认为 ''）。
   ... 
                            </div>
                            <div class="long">
                                使用 action 对象的组件的图标样式表（默认为 ''）。
     该样式类应该提供一个显示为图标的背景图片。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Action
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="disabled-header"></a>
                        <b>disabled</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                true 则禁用组件，false 则启用组件（默认为 false）。
 
                            </div>
                            <div class="long">
                                true 则禁用组件，false 则启用组件（默认为 false）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Action
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="hidden-header"></a>
                        <b>hidden</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                true 则隐藏组件，false 则显示组件（默认为 false）。
 
                            </div>
                            <div class="long">
                                true 则隐藏组件，false 则显示组件（默认为 false）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Action
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="handler-header"></a>
                        <b>handler</b>
                        : Function
                        <div class="mdesc">
                            <div class="short">
                                每个使用 action 对象的组件的主要事件触发时调用的处理函数（默认... 
                            </div>
                            <div class="long">
                                每个使用 action 对象的组件的主要事件触发时调用的处理函数（默认为 undefined）。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Action
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="scope-header"></a>
                        <b>scope</b>
                        : Object
                        <div class="mdesc">
                            <div class="short">
                                #handler 函数执行的作用域。
 
                            </div>
                            <div class="long">
                                <a href="###" onClick="alert('#handler');">#handler</a> 函数执行的作用域。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Action
                        
                    </td>
                </tr>
            
        </table>
    
    
	<a id="Ext.Action-props"></a>
    <h2>公告属性</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th colspan="2">
                    属性
                </th>
                <th>
                    定义者
                </th>
            </tr>
            
                <tr class="property-row inherited expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="*/-activeItem"></a>
                        <b>
                        */: */</b>
                        <div class="mdesc">
                            <div class="short">
                                
 如果组件当前使用的 action 对象是隐藏的，则返回 true，... 
                            </div>
                            <div class="long">
                                
 如果组件当前使用的 action 对象是隐藏的，则返回 true，否则返回 false。只读。
  
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                    	
						
                        
                        Action
                        
                    </td>
                </tr>
            
        </table>
    
    
    <a id="Ext.Action-methods"></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="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="Action-Action"></a>
                        <b>Action</b>
                        (
                        
                            
                                <code>
                                    Object config
                                </code>