?? ext.cyclebutton.html
字號:
?<!--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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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" ?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -