使用方法：

创建菜单

使用HTML标签创建菜单必须对<div>标签引用'easyui-menu'类，每个菜单项都将使用<div>标签创建。 为菜单添加'iconCls'属性可以指定一个显示在菜单项左侧的图标。 对菜单引用'menu-sep'类将生成一条菜单分隔线。

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

使用脚本创建菜单并且监听'onClick'事件

$('#mm').menu({
    onClick:function(item){
        //...
    }
});

显示菜单

当一个菜单创建完毕，它是隐藏而不可见的，调用'show'方法可以显示菜单。

$('#mm').menu('show', {
  left: 200,
  top: 100
});

属性：

事件：

方法：

使用方法：

<a href="#" id="btn" iconCls="icon-search">easyui</a>

$('#btn').linkbutton({
    plain:true
});
$('#btn').linkbutton('disable');    //禁用按钮
$('#btn').linkbutton('enable');     //启用按钮

属性：

方法：

依赖关系：

• 菜单
• 链接按钮

使用方法：

<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的属性, 以下是菜单按钮独有的属性。

方法：

依赖关系：

• 菜单
• 链接按钮

使用方法：

<<a href="javascript:void(0)" id="sb" iconCls="icon-ok" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
    <div iconCls="icon-ok">Ok</div>
    <div iconCls="icon-cancel">Cancel</div>
</div>

$('#sb').splitbutton({
    menu:'#mm'
});

属性：

属性继承链接按钮, 以下是分隔按钮的独有属性。

方法：