我试图根据条件隐藏 Ext.menu.Menu 中的项目,但是我找不到菜单的触发加载事件。你能给我建议吗。
//var lala //= 1 2 or 3
var menu = Ext.create('Ext.menu.Menu', {
id: 'mainMenu',
items: [
{
text: 'I like Ext',
checked: true, // condition 1
checkHandler: onItemCheck
}, {
text: 'Choose a Date',
iconCls: 'calendar',
menu: dateMenu // <-- condition 2
},{
text: 'Choose a Color',
menu: colorMenu // <-- condition 3
}
]
});
示例:如果 lala = 1,则仅在菜单中显示复选框。 谢谢。
最佳答案
您可以在菜单项上使用 afterRender
监听器:
{
text: 'Choose a Date',
iconCls: 'calendar',
menu: dateMenu // <-- condition 2
listeners: {
afterRender: function() {
if (lala == 2)
this.hide();
}
}
}
关于javascript - 如何在加载时根据条件隐藏 Ext 菜单中的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44314204/