本文实例为大家分享了Jquery Easyui菜单组件的实现代码,供大家参考,具体内容如下
加载方式
菜单组件通常用于快捷菜单,在加载方式上,通过 class 或 JS 进行设置为菜单组件。然后,再通过 JS 事件部分再响应。
菜单项属性
菜单属性
菜单事件
菜单方法
//显示菜单
$('#Box').menu('show',{
left : e.pageX,top : e.pageY,});
//隐藏菜单
$('#Box').menu('hide');
//销毁菜单
$('#Box').menu('destroy');
//得到某个菜单项对象
console.log($('#Box').menu('getItem','#new'));
//设置某个菜单项文本
$('#Box').menu('setText',{
target : '#new',text : '修改',});
//设置某个菜单项图标
$('#Box').menu('setIcon',iconCls : 'icon-add',});
//通过文本获取指定的菜单项对象
console.log($('#Box').menu('findItem','新建'));
//追加一个顶层菜单项
$('#Box').menu('appendItem',{
text : '新增',onclick : function () {
alert('新增');
},});
//追加一个子菜单项
$('#Box').menu('appendItem',{
parent : $('#Box').menu('findItem','打开').target,text : '新增',onclick : function () {
alert('新增');
},});
//移出指定菜单项
$('#Box').menu('removeItem','#new');
//禁用指定菜单项
$('#Box').menu('disableItem','#new');
//启用指定菜单项
$('#Box').menu('enableItem','#new');
//使用$.fn.menu.defaults 重写默认值对象。