?? ext.splitbutton.html
字號(hào):
?<!--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.SplitButton-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.SplitButton-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.SplitButton-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.SplitButton-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.SplitButton"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.SplitButton</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"> SplitButton.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.SplitButton </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.Button </td> </tr> </table> <div class="description"> 一個(gè)提供了內(nèi)建下拉箭頭的分割按鈕,該箭頭還可以觸發(fā)按鈕默認(rèn)的 click 之外的事件。
典型的應(yīng)用場(chǎng)景是,用來(lái)顯示一個(gè)為主按鈕提供附加選項(xiàng)的下拉菜單,并且可以為 arrowclick 事件設(shè)置單獨(dú)的處理函數(shù)。
@cf </div> <div class="hr"> </div> <a id="Ext.SplitButton-configs"></a> <h2>配置項(xiàng)</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置項(xiàng) </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="arrowHandler-header"></a> <b>arrowHandler</b> : Function <div class="mdesc"> <div class="short"> 點(diǎn)擊箭頭時(shí)調(diào)用的函數(shù)(可以用來(lái)代替的 click 事件) </div> <div class="long"> 點(diǎn)擊箭頭時(shí)調(diào)用的函數(shù)(可以用來(lái)代替的 click 事件) </div> </div> </td> <td class="msource"> SplitButton </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"> <!--如果這不是同個(gè)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"> 按鈕單擊事件觸發(fā)函數(shù)的作用域 </div> <div class="long"> 按鈕單擊事件觸發(fā)函數(shù)的作用域 </div> </div> </td> <td class="msource"> <!--如果這不是同個(gè)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"> 按鈕鼠標(biāo)劃過(guò)時(shí)的提示語(yǔ)類(lèi)似title - 可以是字符串QuickTip... </div> <div class="long"> 按鈕鼠標(biāo)劃過(guò)時(shí)的提示語(yǔ)類(lèi)似title - 可以是字符串QuickTips配置項(xiàng)對(duì)象 </div> </div> </td> <td class="msource"> <!--如果這不是同個(gè)namespace下--> <a ext:cls="Ext.Button" href="output/Ext.Button.html#method-tooltip"> Button </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="disabled-header"></a> <b>disabled</b> : Boolean <div class="mdesc"> <div class="short"> True 是否失效 默認(rèn)否 (默認(rèn)為false) </div> <div class="long"> True 是否失效 默認(rèn)否 (默認(rèn)為false) </div> </div> </td> <td class="msource"> <!--如果這不是同個(gè)namespace下--> <a ext:cls="Ext.Button" ext:member="#method-disabled" href="output/Ext.Button.html#method-disabled"> Button </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="toggleGroup-header"></a> <b>toggleGroup</b> : String <div class="mdesc"> <div class="short"> 是否屬于按鈕組 (組里只有一個(gè)按鈕可以為按下?tīng)顟B(tài),僅當(dāng)enableTo... </div> <div class="long"> 是否屬于按鈕組 (組里只有一個(gè)按鈕可以為按下?tīng)顟B(tài),僅當(dāng)enableToggle = true時(shí)) </div> </div> </td> <td class="msource"> <!--如果這不是同個(gè)namespace下--> <a ext:cls="Ext.Button" ext:member="#method-toggleGroup" href="output/Ext.Button.html#method-toggleGroup"> Button </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="tabIndex-header"></a> <b>tabIndex</b> : Number <div class="mdesc"> <div class="short"> 按鈕的DOM焦點(diǎn)序號(hào)即tab鍵時(shí)候得到焦點(diǎn)的序號(hào) (默認(rèn)為undefi... </div> <div class="long"> 按鈕的DOM焦點(diǎn)序號(hào)即tab鍵時(shí)候得到焦點(diǎn)的序號(hào) (默認(rèn)為undefined)
</div> </div> </td> <td class="msource"> <!--如果這不是同個(gè)namespace下--> <a ext:cls="Ext.Button" ext:member="#method-tabIndex" href="output/Ext.Button.html#method-tabIndex"> Button </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableToggle-header"></a> <b>enableToggle</b> : Boolean <div class="mdesc"> <div class="short"> True 是否在 pressed/not pressed 這兩個(gè)狀態(tài)間... </div> <div class="long"> True 是否在 pressed/not pressed 這兩個(gè)狀態(tài)間切換 (默認(rèn)為false)
</div> </div> </td> <td class="msource"> <!--如果這不是同個(gè)namespace下--> <a ext:cls="Ext.Button" ext:member="#method-enableToggle" href="output/Ext.Button.html#method-enableToggle">
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -