MenuButton

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

The menubutton is the part of drop-down menu. It is associated with a linkbutton and menu. The linkbutton is displayed while the menu is hidden. When users click or move the mouse over the linkbutton, the menu will show to allow to click on it.

Dependencies

  • menu
  • linkbutton

Usage

Usually the menubutton is created declaratively from markup.

Create menubutton using javascript.

Properties

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

Name Type Description Default
plain boolean True to show plain effect. true
menu string A selector to create a corresponding menu. null
menuAlign string The alignment of top level menu. Possible values are: 'left', 'right'. Available since version 1.3.6. left
duration number Defines duration time in milliseconds to show menu when hovering the button. 100
showEvent string The event that cause the menu to appear. Available since version 1.5.5. mouseenter
hideEvent string The event that cause the menu to disappear. Available since version 1.5.5. mouseleave
hasDownArrow boolean Defines if to display the down arrow icon. Available since version 1.4.2. true

Methods

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

Name Parameter Description
options none Return the options object.
disable none Disable the menubutton.
enable none Enable the menubutton.
destroy none Destroy the menubutton.