MenuButton( 菜单按钮)

一． 加载方式
//class 加载方式
<a href="javascript:void(0)" id="edit" class="easyui-menubutton"
data-options="menu:'#box',iconCls:'icon-edit'">编辑</a>
<div id="box" style="width:150px;">
<div data-options="iconCls:'icon-undo'">撤销</div>
<div data-options="iconCls:'icon-redo'">恢复</div>
<div class="menu-sep"></div>
<div>剪切</div>
<div>复制</div>
<div>粘贴</div>
<div class="menu-sep"></div>
<div data-options="iconCls:'icon-remove'">删除</div>
<div>全选</div>
</div>
//JS 加载方式
$('#box').menu({
});

 

二．属性列表

//属性列表，其他属性，参考依赖组件 LinkButton
$('#edit').menubutton({
plain : false,
menu : '#box',
duration : 500,
});

 

三．菜单方法

//返回属性对象
console.log($('#edit').menubutton('options'));

//禁用菜单按钮
$('#edit').menubutton('disable');

//启用菜单按钮
$('#edit').menubutton('enable');

//销毁菜单按钮
$('#edit').menubutton('destroy');

扩展自$.fn.linkbutton.defaults。使用$.fn.menubutton.defaults 重写默认值
对象。

转载于:https://www.cnblogs.com/qinsilandiao/p/5009581.html