EasyUI 中 MenuButton 的使用方法

### HTML 方式（使用 data-options）

<link rel="stylesheet" type="text/css" href="easyui.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="easyui.min.js"></script>

<!-- 使用 a 标签 -->
<a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit'">操作</a>

<!-- 定义菜单 -->
<div id="mm1" 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>

### JavaScript 方式

如果你更喜欢通过 JavaScript 来初始化控件，可以这样做：

<a href="#" id="mb1">操作</a>

<script type="text/javascript">
    $(function(){
        $('#mb1').menubutton({
            menu:'#mm1',
            iconCls:'icon-edit'
        });

        // 假设菜单内容和上面一样
        // ... 菜单的 HTML 内容
    });
</script>

在这两种方法中，`menu` 属性指定了与按钮关联的菜单的 ID，`iconCls` 是按钮上显示的图标的 CSS 类名（可选）。

请注意，由于我无法直接访问或运行代码，上述代码示例是基于 EasyUI 的一般使用方法和文档编写的。根据你的具体需求，可能需要对代码进行微调。务必参考 EasyUI 的官方文档或资源以获取最准确的信息和示例。