EasyUI-MenuButton(菜单按钮)

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

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


 
 


  • menu
  • linkbutton

 
 

用法

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

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


使用创建菜单按钮。

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


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


 
 

属性

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

属性名

属性值类型

描述

默认值

plain

boolean

true时显示简易效果。

true

menu

string

用来创建一个对应菜单的选择器。

null

menuAlign

string

允许用户设置顶级菜单对齐方式。可用值有:‘left','right'(该属性自1.3.6版开始可用)

null

duration

number

定义鼠标划过按钮时显示菜单所持续的,单位为毫秒。

100

 
 

方法

方法名

方法参数

描述

options

none

返回属性对象。

disable

none

禁用菜单按钮。

enable

none

启用菜单按钮。

destroy

none

销毁菜单按钮。

声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 智乐兔
转载请注明:转自《EasyUI-MenuButton(菜单按钮)
本文地址:https://www.zhiletu.com/archives-2437.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微