javascript - 如何在加载时根据条件隐藏 Ext 菜单中的项目

Question

我试图根据条件隐藏 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，则仅在菜单中显示复选框。谢谢。

Answer 1

您可以在菜单项上使用 afterRender 监听器:

{
    text: 'Choose a Date',
    iconCls: 'calendar',
    menu: dateMenu // <-- condition 2
    listeners: {
        afterRender: function() {
            if (lala == 2)
                this.hide();
        }
    }
}