TabPanel with ContextMenu

[glenh]

Hi

I would like to implement a custom context-menu inside a TabPanel. I have some posts about the <contextmenu> listener but it seems that it has now gone on the latest version.

Can someone perhaps suggest a way of getting a context menu to operate on a TabPanel.

Thanks in advance!

[Baidaly]

Hello!

You can create own plugin or add handler with custom menu.

Anyway, investigating how works TabCloseMenu plugin will be useful: http://docs.sencha.com/extjs/4.2.1/#...x.TabCloseMenu

[glenh]

Thank you for the direction - in case anyone else would like to acheive this....I have read the code and utilised it in the same manner successfully

   init: function (menu) {
        this.tabPanel = App.tabEstimates;
        this.tabBar = this.tabPanel.down('tabbar');
        this.menu = menu;

        this.tabPanel.on('afterlayout', this.onAfterLayout, this);
    },
    onAfterLayout: function () {
        this.tabPanel.mon(this.tabBar.el, {
            scope: this,
            contextmenu: this.onContextMenu,
            delegate: 'div.x-tab'
        });
    },
    onContextMenu: function (event, target) {
        this.contextMenuTab = this.tabBar.getChildByElement(target);
        event.preventDefault();
        this.menu.showAt(event.getXY());
    },

[Baidaly]

Thank you!