ext.cyclebutton.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.CycleButton-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.CycleButton-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.CycleButton-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.CycleButton-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.CycleButton"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.CycleButton</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">
                CycleButton.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.CycleButton
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.SplitButton
            </td>
        </tr>
    </table>
    <div class="description">
        一个包含 <a href="###" onClick="alert('Ext.menu.CheckItem');">Ext.menu.CheckItem</a> 元素的特殊分割按钮。按钮会在点击时自动循环选中每个菜单项，并以该项为活动项触发按钮的 <a href="###" onClick="alert('#change');">#change</a> 事件
  （或者调用按钮的 <a href="###" onClick="alert('#changeHandler');">#changeHandler</a> 函数，如果设置过的话）。通过点击箭头区域即可像普通分割按钮那样显示下拉列表。使用示例:
  <pre><code>
var btn = new Ext.CycleButton({
    showText: true,
    prependText: 'View as ',
    items: [{
        text:'text only',
        iconCls:'view-text',
        checked:true
    },{
        text:'HTML',
        iconCls:'view-html'
    }],
    changeHandler:function(btn, item){
        Ext.Msg.alert('Change View', item.text);
    }
});
</code></pre
    </div>
    <div class="hr">
    </div>
    <a id="Ext.CycleButton-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="items-header"></a>
                        <b>items</b>
                        : Array
                        <div class="mdesc">
                            <div class="short">
                                一个由 Ext.menu.CheckItem config 配置选项对... 
                            </div>
                            <div class="long">
                                一个由 <a href="###" onClick="alert('Ext.menu.CheckItem');">Ext.menu.CheckItem</a> <b>config</b> 配置选项对象组成的数组，用来创建按钮的菜单项（例如：{text:'Foo', iconCls:'foo-icon'}）
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            CycleButton
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="showText-header"></a>
                        <b>showText</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                值为 True 时则将活动项的文本显示为按钮的文本（默认为 false）
 
                            </div>
                            <div class="long">
                                值为 True 时则将活动项的文本显示为按钮的文本（默认为 false）
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            CycleButton
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="prependText-header"></a>
                        <b>prependText</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                当没有活动项时按钮显示的文本（仅仅当 showText = true ... 
                            </div>
                            <div class="long">
                                当没有活动项时按钮显示的文本（仅仅当 showText = true 时有效，默认为 ''）
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            CycleButton
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="changeHandler-header"></a>
                        <b>changeHandler</b>
                        : Function
                        <div class="mdesc">
                            <div class="short">
                                每次改变活动项时被调用的函数。如果没有指定该配置项，则分割按钮将触发活... 
                            </div>
                            <div class="long">
                                每次改变活动项时被调用的函数。如果没有指定该配置项，则分割按钮将触发活动项的 <a href="###" onClick="alert('#change');">#change</a> 事件。
     调用该函数时将携带下列参数：(SplitButton this, Ext.menu.CheckItem item)
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            CycleButton
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="arrowHandler-header"></a>
                        <b>arrowHandler</b>
                        : Function
                        <div class="mdesc">
                            <div class="short">
                                点击箭头时调用的函数（可以用来代替的 click 事件） 
                            </div>
                            <div class="long">
                                点击箭头时调用的函数（可以用来代替的 click 事件） 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.SplitButton" 
								ext:member="#method-arrowHandler" 
								href="output/Ext.SplitButton.html#method-arrowHandler">
								SplitButton
							</a>
                        
                        
                    </td>
                </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">
                                按钮文本 
                            </div>
                            <div class="long">
                                按钮文本 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Button" 
								ext:member="#method-text" 
								href="output/Ext.Button.html#method-text">
								Button
							</a>
                        
                        
                    </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">
                                按钮单击事件触发函数的作用域 
                            </div>
                            <div class="long">
                                按钮单击事件触发函数的作用域 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Button" 
								ext:member="#method-scope" 
								href="output/Ext.Button.html#method-scope">
								Button
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="tooltip-header"></a>
                        <b>tooltip</b>
                        : String/Object
                        <div class="mdesc">
                            <div class="short">
                                按钮鼠标划过时的提示语类似title - 可以是字符串QuickTip... 
                            </div>
                            <div class="long">
                                按钮鼠标划过时的提示语类似title - 可以是字符串QuickTips配置项对象 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Button"