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 重写默认值
对象。

posted @ 2015-12-01 11:29  琴似蓝调  阅读(1129)  评论(0编辑  收藏  举报