发布于 2017-04-22 05:48:52 | 116 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

EasyUI jQuery UI插件

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

---

jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍，使用jQuery EasyUI的朋友可以参考下。

扩展自 $.fn.linkbutton.defaults。用 $.fn.menubutton.defaults 重写了defaults。

依赖
menu
linkbutton
用法

 
<a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a> 
<div id="mm" style="width:150px;"> 
<div iconCls="icon-undo">Undo</div> 
<div 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 iconCls="icon-remove">Delete</div> 
<div>Select All</div> 
</div> 

 
$('#mb').menubutton({ 
menu: '#mm' 
}); 

特性

其特性扩展自 linkbutton，下列是为 menubutton 增加的特性。

名称	类型	说明	默认值
plain	boolean	True 就显示一个简单效果。	true
menu	string	创建一个相应 menu 的选择器。	null
duration	number	当悬停在按钮上时，以毫秒为单位定义的，显示menu的持续时间。	100

方法

名称	参数	说明
options	none	返回选项（options）对象。
disable	none	禁用 menubutton。
enable	none	启用 menubutton。