jQueryEasyUI菜单组件菜单使用详解(15)

jQueryEasyUI菜单组件菜单使用详解(15)
本例为您分享jQuery EasyUI菜单组件的实现代码,供大家参考,以下具体内容
加载模式

菜单组件通常用于快捷菜单,它们按加载方式按类或js设置为菜单组件,然后通过JS事件部分重复响应。
新建

打开

擅长
幻灯片演示文稿软件
保存

退出
$(函数(){())
鼠标右键单击弹出菜单
$(document),('contextmenu功能(e){ {)
停止系统默认弹出菜单
E.preventDefault();
显示自定义菜单
$(#箱),Menu('show,{
左:e.pagex,
上图:e.pagey
});
});
});
菜单项的属性

<数据选项>
iconcls:'icon-save,
禁用:true,
保存
菜单的属性
在数据选项中设置的菜单/属性也是有效的。
$(#盒({ Menu)。
左:100,
顶部:100,
Z指数:100,
minwidth:200,
HideOnUnhover:真的,
});

菜单事件
触发事件
$(#盒({ Menu)。
OnShow:函数(){
(显示警报触发时!);
},
OnHide:函数(){
警报(隐藏在隐蔽!);
},
OnClick:功能(项目){
警报(项目,文本);
}
});

菜单的方法
返回属性对象
console.log($(' #盒)。Menu(选项));

显示菜单
$(#箱),Menu('show,{
左:e.pagex,
上图:e.pagey,
});

隐藏菜单
$(#箱),Menu('hide);

销毁/菜单
$(#箱),Menu('destroy);

获取菜单项对象
console.log($(' #箱),Menu('getitem ','新'的#));

设置菜单 / /乡wenben
$(#箱),Menu('settext,{
目标:新#,
文本:修改,
});

设置一个菜单项图标
$(#箱),Menu('seticon,{
目标:新#,
iconcls:'icon-add,
});

通过文本获取指定的菜单项对象
console.log($(' #箱),Menu('finditem ','新'));

添加一个额外的顶级菜单项
$(#箱),Menu('appenditem,{
文本:新,
iconcls:'icon-add,
Onclick:函数(){
警报(新的);
},
});

添加子菜单项
$(#箱),Menu('appenditem,{
家长:$(' #箱),Menu('finditem ','开放'的目标),
文本:新,
iconcls:'icon-add,
Onclick:函数(){
警报(新的);
},
});

删除指定的菜单项
$(#箱),Menu('removeitem ','新'的#);

禁用指定的菜单项
$(#箱),Menu('disableitem ','新'的#);

启用指定的菜单项
$(#箱),Menu('enableitem ','新'的#);

使用美元。fn.menu.defaults /重写默认值对象。

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

tag:菜单组件详解电脑软件jQueryEasyUI

相关内容