jQuery EasyUI API 中文文档 – MenuButton菜单按钮使用介绍

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


$.fn.menu.defaults
重写了
defaults。

463.com 1
463.com,依赖
menu
linkbutton
用法

463.com 2

复制代码 代码如下:

复制代码 代码如下:

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

<div id=”mm” class=”easyui-menu” style=”width:120px;”>
<div>New</div>
<div>
<span>Open</span>
<div style=”width:150px;”>
<div><b>Word</b></div>
<div>Excel</div>
<div>PowerPoint</div>
</div>
</div>
<div iconCls=”icon-save”>Save</div>
<div class=”menu-sep”></div>
<div>Exit</div>
</div>

复制代码 代码如下:

编程创建 menu 并侦听 ‘onClick’ 事件。

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

复制代码 代码如下:

特性

$(‘#mm’).menu({
onClick:function(item){
//…
}
});

相关文章