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 相关文章推荐
DWR Ext 加载数据
Mar 22 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
vue移动端路由切换实例分析
May 14 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 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
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
PHP函数积累总结
2019/03/19 PHP
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
微信小程序 网络API 上传、下载详解
2016/11/09 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
简述ES6新增关键字let与var的区别
2019/08/23 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
使用Python标准库中的wave模块绘制乐谱的简单教程
2015/03/30 Python
Python中import导入上一级目录模块及循环import问题的解决
2016/06/04 Python
浅谈对yield的初步理解
2017/05/29 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
python带参数打包exe及调用方式
2019/12/21 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
采购主管工作职责
2013/12/12 职场文书
党章学习思想汇报
2014/01/14 职场文书
婚礼主持结束词
2014/03/13 职场文书
关于读书的演讲稿
2014/05/07 职场文书
艾滋病宣传标语
2014/06/25 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
财产保全担保书
2015/01/20 职场文书
2019年感恩励志演讲稿(收藏备用)
2019/09/11 职场文书