React EasyUI 分割按鈕

2020-06-24 12:11 更新

分割按鈕( SplitButton )與菜單按鈕( MenuButton )相似,也與鏈接按鈕( LinkButton )和菜單( Menu )相關(guān)。 分割按鈕( SplitButton )與菜單按鈕( MenuButton )不同點(diǎn)在于分割按鈕( SplitButton )被分割為兩部分。當(dāng)鼠標(biāo)懸停在分割按鈕( SplitButton )上,將顯示一條分割線。只有當(dāng)鼠標(biāo)懸停在按鈕右側(cè)部分才會(huì)顯示菜單( Menu )。

使用方法

<SplitButton text="Edit" plain iconCls="icon-edit" menu={this.editMenu}></SplitButton>
<SplitButton text="Help" plain iconCls="icon-help" menu={this.helpMenu}></SplitButton>
<MenuButton text="About" plain menu={this.aboutMenu}></MenuButton>

  • 菜單( Menu )豐富了分割按鈕( SplitButton )的功能性。參考圖例:

splitbutton

注:
- 繼承: menubutton 。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)