extjs - 单击 EXTJS 中选项卡面板的监听器

Question

我在 extjs 中使用标签面板。我想在单击选项卡时显示警报。但我不确定如何。

这就是我现在要做的:

{
                xtype: 'tabpanel',
                activeTab: 0,
                region: 'center',
                items: [
                    {
                        xtype: 'panel',
                        title: 'All',
                        items: [grid]

                    },
                    {
                        xtype: 'panel',
                        title: 'Closed'
                    },
                    {
                        xtype: 'panel',
                        title: 'Open'
                    }
                ],
                 listeners: {
            click: function () {
                alert('test');
            }
                         }
            }

单击该选项卡时如何显示全部、关闭或打开？

Answer 1

TabPanel中没有标签点击事件，但是您可以绑定(bind)到每个选项卡上的单击事件:

Ext.createWidget('tabpanel', {
    items: [...],
    listeners: {
        render: function() {
            this.items.each(function(i){
                i.tab.on('click', function(){
                    alert(i.title);
                });
            });
        }
    }
});

注意:这是基于 ExtJS 4 的代码。