jQuery EasyUI API 中文文档 - Menu菜单


Posted in Javascript onOctober 03, 2011

$.fn.menu.defaults 重写了 defaults

<?XML:NAMESPACE PREFIX = O />

jQuery EasyUI API 中文文档 - Menu菜单

<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 。pos 参数有两个特性: left:新的左边位置。top:新的顶部位置。
hide none 隐藏 menu 。
getItem itemEl 获取 menu item 数据并返回,该数据包含下列特性: target:DOM 对象,即 menu item。id:string,元素的 id 属性。text:string,menu item 的文字。href:string,定位的 url。disabled:boolean,menu item 禁用与否。onclick:function,当用户点击 menu item 时执行的函数。iconCls:string,图标的 CSS 类。
setText param 给指定的 menu item 设置文字。 'param' 包含两个特性:target:DOM 对象,被设定的 menu item 。text: string,新的文字值。
setIcon param 给指定的 menu item 设置图标。 'param' 包含两个特性:target: DOM 对象, 即 menu item。iconCls: 新图标的 CSS 类。
findItem text 找到指定的 menu item, 返回对象与 getItem 方法相同。
appendItem param 追加 menu item, 'param' 参数包含下列特性:parent: DOM 对象, 新 menu item 将追加到其中, 如果没有设定, 新menu item 将作为顶级 menu item。text: string, menu item 的文字。href: string, 定位的 url 。onclick: string 或者 function, 当用户点击 menu item时执行的脚本代码或者函数。iconCls: string, 图标的 CSS 类。
removeItem itemEl 移除指定的 menu item。
enableItem itemEl 启用 menu item。
disableItem itemEl 禁用 menu item。
风流涕淌 翻译。
Javascript 相关文章推荐
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
最佳JS代码编写的14条技巧
Jan 09 Javascript
JavaScript 继承使用分析
May 12 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
webpack4.0打包优化策略整理小结
Mar 30 Javascript
Dom 结点创建 基础知识
Oct 01 #Javascript
JavaScript 的继承
Oct 01 #Javascript
Jquery 的扩展方法总结
Oct 01 #Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 #Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 #Javascript
JQuery获取文本框中字符长度的代码
Sep 29 #Javascript
Jquery Change与bind事件代码
Sep 29 #Javascript
You might like
Smarty+QUICKFORM小小演示
2007/02/25 PHP
PHP cron中的批处理
2008/09/16 PHP
php中static静态变量的使用方法详解
2010/06/04 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
PHP关联链接常用代码
2012/11/05 PHP
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
python函数装饰器用法实例详解
2015/06/04 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
Django自定义分页效果
2017/06/27 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
PYQT5实现控制台显示功能的方法
2019/06/25 Python
深入了解Django中间件及其方法
2019/07/26 Python
python字典与json转换的方法总结
2020/12/28 Python
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
C,C++的几个面试题小集
2013/07/13 面试题
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
社区安全检查制度
2014/02/03 职场文书
餐厅筹备计划书
2014/04/25 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
2019年幼儿园管理条例范本!
2019/07/17 职场文书
MySQL日期时间函数知识汇总
2022/03/17 MySQL