SplitButton

Extend from $.fn.linkbutton.defaults. Override defaults with $.fn.splitbutton.defaults.

Simalar to the menubutton, the splitbutton is also associated with linkbutton and menu. The difference between menubutton and splitbutton is that the splitbutton is split into two parts. When moving mouse over the splitbutton, a 'split' line will display. The menu only display when moving mouse over the right part of splitbutton.

Dependencies

  • menubutton

Usage

Create splitbutton from markup.

Create splitbutton using javascript.

Properties

The properties extend from linkbutton, below is the added properties for splitbutton.

Name Type Description Default
plain boolean True to show plain effect. true
menu string A selector to create a corresponding menu. null
duration number Defines duration time in milliseconds to show menu when hovering the button. 100

Methods

The methods extend from menubutton, below is the added or overridden methods for splitbutton.

Name Parameter Description
options none Return the options object.
disable none Disable the splitbutton. Code example:
$('#sb').splitbutton('disable');
enable none Enable the splitbutton. Code example:
$('#sb').splitbutton('enable');
destroy none Destroy the splitbutton.