扩展菜单插入带有覆盖的新项目

Extjs Menu insert new items with override

本文关键字：覆盖新项目菜单插入扩展更新时间：2023-09-26

>我有一个菜单，定义如下：

Ext.define('MyApp.FileBrowserContextMenu', {
    extend: 'Ext.menu.Menu',
    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'menuitem',
                    text: 'Edit',
                    listeners: {
                        click: {
                            fn: me.onMenuitemClick,
                            scope: me
                        }
                    }
                },
            ]
        });
        me.callParent(arguments);
    },
    onMenuitemClick: function(item, e, options) {
        var server = this.record;
        var win = Ext.create('widget.ServerWindow', {
            record: server
        });
        win.show();
    }
});

我想在定义后添加新项目，所以我尝试这样做：

首先，我定义了新的 MenuItem：

Ext.define('MyApp.GitMenuItem', {
    extend: 'Ext.menu.Item',
    alias: 'widget.gitmenuitem',
    text: 'Git',
    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            menu: {
                xtype: 'menu',
                items: [
                    {
                        xtype: 'menuitem',
                        text: 'Commit',
                        listeners: {
                            click: {
                                fn: me.onMenuitemClick,
                                scope: me
                            }
                        }
                    },
                ]
            }
        });
        me.callParent(arguments);
    },
    onMenuitemClick: function(item, e, options) {
    },
});

然后我尝试附加新的菜单项：

Ext.override(MyApp.FileBrowserContextMenu, {
    initComponent: function () {
        var me = this;
        this.callParent();
        me.items.items.push(Ext.create('widget.gitmenuitem'));
    }
});

它似乎有效，因为出现了新的菜单项，但是当我过去时，应该会出现新项，但我收到此错误：

未

捕获的类型错误：无法设置未定义的属性"活动子项"

有什么想法吗？

通常的方法是 add 方法：menu.add(menuItem) 。