@author YHC
继承至$.fn.linkbutton.defaults,$.fn.menubutton.defaults覆盖默认值
menubutton是下拉菜单(drop down menu)的一部分,它关联了linkbutton和menu,虽然菜单(menu)是隐藏的但是linkbutton是显示的,当用户点击或者是移动鼠标到linkbutton上,菜单将显示,允许你点击菜单项
相关依赖
- menu
- linkbutton
使用
通常menubutton的创建声明是通过标记
<a href="javascript:void(0)" id="mb" class="easyui-menubutton"
data-options="menu:'#mm',iconCls:'icon-edit'">Edit</a>
<div id="mm" style="width:150px;">
<div data-options="iconCls:'icon-undo'">Undo</div>
<div data-options="iconCls:'icon-redo'">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div data-options="iconCls:'icon-remove'">Delete</div>
<div>Select All</div>
</div>
使用javascript创建menubutton
<a href="javascript:void(0)" id="mb">Edit</a>
<div id="mm" style="width:150px">
...
</div>
$('#mb').menubutton({
iconCls: 'icon-edit',
menu: '#mm'
});
属性
这个属性继承自linkbutton,以下是menubutton的一些新增属性.
Name | Type | Description | Default |
---|---|---|---|
plain | boolean | True 显示一个简单的效果. | true |
menu | string | 一个选择器创建一个对应的menu. | null |
duration | number | 定义一个显示菜单持续时间的毫秒数,当鼠标悬停在linkbutton上的时候. | 100 |
方法
Name | Parameter | Description |
---|---|---|
options | none | 返回 options 对象. |
disable | none | 禁用 menubutton. |
enable | none | 启用 menubutton. |
destroy | none | 销毁 menubutton. |