EasyUI-MenuButton（菜单按钮）

扩展自$.fn.linkbutton.defaults。使用$.fn.menubutton.defaults重写默认值对象。

菜单按钮是下拉菜单的一部分。它伴随着linkbutton和menu组件。在用户点击linkbutton之前菜单是隐藏的，当用户用鼠标点击或移动到linkbutton上面的时候菜单才会显示。

依赖关系

• menu
  
• linkbutton
  

用法

通常菜单按钮通过标签创建。

1. <a href=“javascript:void(0)” id=“mb” class=“easyui-menubutton”    
   
2.         data-options=“menu:’#mm’,iconCls:’icon-edit'”>Edit</a>  
   
3. <div id=“mm” style=“width:150px;”>  
   
4.     <div data-options=“iconCls:’icon-undo'”>Undo</div>  
   
5.     <div data-options=“iconCls:’icon-redo'”>Redo</div>  
   
6.     <div class=“menu-sep”></div>  
   
7.     <div>Cut</div>  
   
8.     <div>Copy</div>  
   
9.     <div>Paste</div>  
   
10.     <div class=“menu-sep”></div>  
    
11.     <div data-options=“iconCls:’icon-remove'”>Delete</div>  
    
12.     <div>Select All</div>  
    
13. </div>  
    

使用Javascript创建菜单按钮。

1. <a href=“javascript:void(0)” id=“mb”>Edit</a>  
   
2. <div id=“mm” style=“width:150px”>  
   
3. …   
   
4. </div>  
   

1. $(‘#mb’).menubutton({   
   
2.     iconCls: ‘icon-edit’,   
   
3.     menu: ‘#mm’  
   
4. });  
   

属性

菜单按钮属性扩展自linkbutton(按钮)，菜单按钮新增的属性如下：

方法

声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-MenuButton（菜单按钮）》
本文地址：http://www.xiupu.net/archives-2437.html
关注公众号：