javascript - TabPanel 选项卡上的 itemId 被框架设置为 "deleted"？

Question

我正在尝试摆弄 SenchaCmd 6 在执行 sencha 应用程序生成 时生成的库存应用程序，并且我在侧面菜单选项卡上添加点击事件，如下所示:

Ext.define('UserManager.view.main.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'app-main',
    ...
    listeners: { 
    render: 'onMenuRender'
    }
});

Controller 中的onMenuRender方法:

onMenuRender: function (tabPanel, a) {
    tabPanel.items.each(function(item) {
        item.tab.on('click', this.onTabItemClick);
    }, this);
}

onTabItemClick:

onTabItemClick: function(tabItem, a) {
    alert(tabItem.itemId);
}

问题是 itemId 或我在 View 配置中分配值的任何成员变量在 Controller 中一次不可用，并且始终未定义

这是一个示例选项卡:

{
    title: 'Users',
    itemId: 'usersTab',
    iconCls: 'fa-user',
    items: [{
        xtype: 'mainlist'
    }]
}

我错过了什么？为了区分单击的项目，我不想使用 id 因为这是由框架自动生成的，也不想使用 title 因为其中的文本在支持时可能会更改许多语言。

Answer 1

您可能需要使用 tabchange而是事件。

Fires when a new tab has been activated

一个工作示例(带有itemId):https://fiddle.sencha.com/#fiddle/101j