TabPanel选项卡上的itemId正被删除"通过框架?

时间:2015-10-25 13:43:08

标签: javascript extjs extjs6

我试图摆弄SenchaCmd 6在执行sencha app generate时产生的股票应用程序,并且我在侧面菜单标签上添加了点击事件:

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

控制器中的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或我在视图配置中分配值的任何成员变量在控制器中都不可用,并始终为undefined

这是一个示例标签:

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

我错过了什么?为了区分点击哪个项目,我不想使用id,因为这是由框架自动生成的,也不是title,因为当支持多种语言时,其中的文本可能会发生变化。 / p>

1 个答案:

答案 0 :(得分:2)

您可能希望改为使用tabchange事件。

  

激活新标签时触发

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

相关问题