jQuery EasyUI API 中文文档 - Menu菜单

 更新时间:2011年10月03日 20:13:54   作者:  
jQuery EasyUI API 中文文档 - Menu菜单,学习jQuery EasyUI的朋友可以参考下。

$.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
pos
参数有两个特性:
left
:新的左边位置。
top
:新的顶部位置。

hide

none

隐藏 menu

getItem

itemEl

获取 menu item 数据并返回,该数据包含下列特性:
target
DOM 对象,即 menu item
id
string,元素的 id 属性。
text
stringmenu item 的文字。
href
string,定位的 url
disabled
booleanmenu 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

风流涕淌 翻译。

相关文章

  • jQuery操作css方法的超全用法

    jQuery操作css方法的超全用法

    最近看了下jQuery的源代码,其中关于CSS及className的操作思想确实很不错,值得借鉴,下面这篇文章主要给大家介绍了关于jQuery操作css方法的超全用法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • jQuery实现的网站banner图片无缝轮播效果完整实例

    jQuery实现的网站banner图片无缝轮播效果完整实例

    这篇文章主要介绍了jQuery实现的网站banner图片无缝轮播效果,结合完整实例形式分析了jQuery结合时间函数实现图片定时轮播切换相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • jquery实现全选、反选、获得所有选中的checkbox

    jquery实现全选、反选、获得所有选中的checkbox

    这篇文章主要介绍了jquery实现全选、反选、获得所有选中的checkbox功能,对checkbox感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 跟着Jquery API学Jquery之一 选择器

    跟着Jquery API学Jquery之一 选择器

    Jquery 选择器是最基本的操作了,当我们用原生的javascript的时候,我们为了选择一个对象不得不花费九头二虎之力
    2010-04-04
  • jQuery实现底部浮动窗口效果

    jQuery实现底部浮动窗口效果

    这篇文章主要介绍了jQuery实现底部浮动窗口效果,涉及jQuery事件响应及页面元素动态变换的相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • jquery实现下拉框功能效果【实例代码】

    jquery实现下拉框功能效果【实例代码】

    下面小编就为大家带来一篇jquery实现下拉框功能效果【实例代码】。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • Jquery ajax请求导出Excel表格的实现代码

    Jquery ajax请求导出Excel表格的实现代码

    下面小编就为大家带来一篇Jquery ajax请求导出Excel表格的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jQuery中常用的遍历函数用法实例总结

    jQuery中常用的遍历函数用法实例总结

    这篇文章主要介绍了jQuery中常用的遍历函数用法,以实例形式分析并总结了jquery中常见的遍历函数使用方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 解析Jquery取得iframe中元素的几种方法

    解析Jquery取得iframe中元素的几种方法

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下
    2013-07-07
  • jquery.tableSort.js表格排序插件使用方法详解

    jquery.tableSort.js表格排序插件使用方法详解

    这篇文章主要为大家详细介绍了jquery.tableSort.js表格排序插件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02

最新评论