YouTip

# jQuery EasyUI Menu and Button Plugins – Splitbutton * * jQuery EasyUI Plugins](#) * * * Extends from `$.fn.linkbutton.defaults`. Overrides the default values by `$.fn.splitbutton.defaults`. Similar to the menu button (menubutton), the split button (splitbutton) is also associated with a link button (linkbutton) and a menu (menu). Unlike the menu button (menubutton), the split button (splitbutton) is divided into two parts. When you move the mouse over the split button (splitbutton), a split line will be shown. The menu (menu) is only displayed when you move the mouse to the right part of the split button. !(#) ## Dependencies * menubutton ## Usage Create a split button (splitbutton) from markup. Ok Create a split button (splitbutton) using javascript. Ok$('#sb').splitbutton({ iconCls: 'icon-ok', menu: '#mm'}); ## Properties The properties extend from linkbutton (linkbutton), below are the added properties for split button (splitbutton). | Name | Type | Description | Default Value | | :--- | :--- | :--- | :--- | | plain | boolean | If set to true, displays a plain effect. | true | | menu | string | The selector used to create the corresponding menu (menu). | null | | duration | number | The duration, in milliseconds, to show the menu (menu) when hovering over the button. | 100 | ## Methods The methods extend from linkbutton (linkbutton), below are the added or overridden methods for split button (splitbutton). | Name | Parameter | Description | | :--- | :--- | :--- | | options | none | Returns the options (options) object. | | disable | none | Disables the split button (splitbutton). Code example: `$('#sb').splitbutton('disable');` | | enable | none | Enables the split button (splitbutton). Code example: `$('#sb').splitbutton('enable');` | | destroy | none | Destroys the split button (splitbutton). | * * jQuery EasyUI](#)