使用须知
如何开始
安装
全局元素
样式重置
文字
颜色
徽章
提示框
表格
图标
栅格
原生组件
Panel
Accordion
Tabs
Layout
DataGrid
DataList
PropertyGrid
Tree
TreeGrid
LinkButton
Menu
MenuButton
SplitButton
SwitchButton
TabButton
Pagination
ProgressBar
SearchBox
Form
CheckBox
RadioBox
TextBox
PasswordBox
FileBox
TagBox
Combo
ComboBox
ComboGrid
ComboTree
ComboTreeGrid
ComboFilter
NumberBox
NumberSpinner
Calendar
DateBox
DateRangeBox
DateTimeBox
DateTimeRangeBox
TimeSpinner
DateTimeSpinner
Slider
ValidateBox
ImagesBox
Window
Dialog
Messager
Draggable
Droppable
Resizable
Tooltip
MaskedBox
扩展组件
头像
上传
时间轴
聊天
用户面板
消息面板
统计数据面板
Echart面板
圆形统计图
评论
相册
评分
文件
滚动条
二维码
条形码
天气
AT
编辑器
课程表
日程表
项目管理
客户管理
浏览器
FAQ
兼容插件
IconFont
Font Awesome
Ueditor
Ckeditor
Echarts
Plupload
Cropper
BaiduMap
AMap
Colpick
Nprogress
Gantt
GanttEditor
Raty
WebUploader
匿名
匿名 您还未登录

MenuButton

Document
Native
Basic
MenuButton Actions
Menu Alignment
Keyboard Navigation
Plus
Extend

MenuButton Document

扩展自$.fn.linkbutton.defaults。使用$.fn.menubutton.defaults重写默认值对象。
菜单按钮是下拉菜单的一部分。它伴随着linkbutton和menu组件。在用户点击linkbutton之前菜单是隐藏的,当用户用鼠标点击或移动到linkbutton上面的时候菜单才会显示。

文档汉化:

汉化人:王锦阳
汉化语言:简体中文
个人博客:http://blog.sina.com.cn/richie696

依赖关系:

menu / linkbutton

用法:

通常菜单按钮通过标签创建。

					
<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创建菜单按钮。

					
<a href="javascript:void(0)" id="mb">Edit</a>   
<div id="mm" style="width:150px">   
...    
</div>  
<script type="text/javascript">
$('#mb').menubutton({    
    iconCls: 'icon-edit',    
    menu: '#mm'   
});  
</script>
					
				

属性:

菜单按钮属性扩展自linkbutton(按钮),菜单按钮新增的属性如下:

属性名 属性值类型 描述 默认值
plain boolean 为true时显示简易效果。 true
menu string 用来创建一个对应菜单的选择器。 null
menuAlign string 允许用户设置顶级菜单对齐方式。可用值有:'left','right'。(该属性自1.3.6版开始可用) null
duration number 定义鼠标划过按钮时显示菜单所持续的时间,单位为毫秒。 100
hasDownArrow boolean 定义是否显示向下箭头图标。(该属性自1.4.2版开始可用)

方法:

方法名 方法属性 描述
options none 返回属性对象。
disable none 禁用菜单按钮。
enable none 启用菜单按钮。
destroy none 销毁菜单按钮。