Jquery Easyui菜单组件Menu使用详解(15)

2020-05-24 21:48:07易采站长站整理

console.log($('#box').menu('options'));

//显示菜单
$('#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', {
target : '#new',
iconCls : 'icon-add',
});

//通过文本获取指定的菜单项对象
console.log($('#box').menu('findItem','新建'));

//追加一个顶层菜单项
$('#box').menu('appendItem', {
text : '新增',
iconCls : 'icon-add',
onclick : function () {
alert('新增');
},
});

//追加一个子菜单项
$('#box').menu('appendItem', {
parent : $('#box').menu('findItem', '打开').target,
text : '新增',
iconCls : 'icon-add',
onclick : function () {
alert('新增');
},
});

//移出指定菜单项
$('#box').menu('removeItem', '#new');

//禁用指定菜单项
$('#box').menu('disableItem', '#new');

//启用指定菜单项
$('#box').menu('enableItem', '#new');

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