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
相关内容