jQuery EasyUI API 中文文档 - Menu菜单
用 $.fn.menu.defaults 重写了 defaults。
<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>
编程创建 menu 并侦听 'onClick' 事件。
$('#mm').menu({
onClick:function(item){
//...
}
});
显示 Menu
当 menu 被创建时,它是隐藏不可见的。调用 'show' 方法来显示 menu。
$('#mm').menu('show', {
left: 200,
top: 100
});
特性
名称 |
类型 |
说明 |
默认值 |
zIndex |
number |
Menu 的 z-index 样式, 从它开始增加。. |
110000 |
left |
number |
Menu 的左边位置。 |
0 |
top |
number |
Menu 的顶部位置。 |
0 |
事件
名称 |
参数 |
说明 |
onShow |
none |
当 menu 显示之后触发。 |
onHide |
none |
当 menu 隐藏之后触发。 |
onClick |
item |
当点击 menu item 时触发。 |
方法
名称 |
参数 |
说明 |
show |
pos |
在指定的位置显示 menu 。 |
hide |
none |
隐藏 menu 。 |
getItem |
itemEl |
获取 menu item 数据并返回,该数据包含下列特性: |
setText |
param |
给指定的 menu item 设置文字。 'param' 包含两个特性: |
setIcon |
param |
给指定的 menu item 设置图标。 'param' 包含两个特性: |
findItem |
text |
找到指定的 menu item, 返回对象与 getItem 方法相同。 |
appendItem |
param |
追加 menu item, 'param' 参数包含下列特性: |
removeItem |
itemEl |
移除指定的 menu item。 |
enableItem |
itemEl |
启用 menu item。 |
disableItem |
itemEl |
禁用 menu item。 |
- vue多级多选菜单组件开发
- iOS中长按调出菜单组件UIMenuController的使用实例
- Bootstrap按钮下拉菜单组件详解
- jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
- Jquery Easyui分割按钮组件SplitButton使用详解(17)
- Jquery Easyui验证组件ValidateBox使用详解(20)
- Jquery Easyui自定义下拉框组件使用详解(21)
- Jquery Easyui日历组件Calender使用详解(23)
- Jquery Easyui搜索框组件SearchBox使用详解(19)
- Jquery Easyui菜单组件Menu使用详解(15)
相关文章
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
这篇文章主要介绍了jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法,结合实例形式分析了属性插件zTree针对节点序号的相关操作技巧,需要的朋友可以参考下2017-03-03Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
今天看到了MK的这篇文章,然后其中的Colortip这个jQuery插件引起了我的注意,倒不是因为它新奇,而是我之前看到过,没想到它就成了2010年最佳之一了2010-12-12jquery UI Datepicker时间控件的使用方法(加强版)
这篇文章继续介绍了jquery UI Datepicker时间控件的使用方法,主要关于Datepicker插件的介绍和使用,并分享了第一个日历插件的使用实例,需要的朋友可以参考下2015-11-11
最新评论