easyUI menubutton

@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.



以上如果有错误信息,请指出,thanks!