第二百零七节，jQuery EasyUI，MenuButton(菜单按钮)组件

Posted 2020-09-07 林贵秀

jQuery EasyUI，MenuButton(菜单按钮)组件

 

学习要点：

　　1.加载方式

　　2.属性列表

　　3.方法列表

 

本节课重点了解 EasyUI 中 MenuButton(菜单按钮)组件的使用方法，这个组件依赖于 Menu(菜单)组件和 LinkButton(按钮)组件。

 

一．加载方式

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>