从extjs中的pab面板中删除选项卡

Question

当我在tabpanel中使用remove方法时：

this.tabPanel.remove(tab); 

最后设置了setActive选项卡。我想先前做好准备。我现在可以这样做吗？

Answer 1

您可以处理事件beforeremove以获取已删除标签的索引并设置上一个标签。

var tabs = Ext.create('Ext.tab.Panel', {
    items: [{
        title: 'Tab 1',
        html: 'A simple tab',
        closable: true
    }, {
        title: 'Tab 2',
        closable: true,
        html: 'Another one'
    }, {
        title: 'Tab 3',
        closable: true,
        html: 'Another one'
    }],
    renderTo: Ext.getBody()
});

tabs.on('beforeremove', function(tabs, tab) {
        var idx = tabs.items.indexOf(tab) - 1;
        setTimeout(function() {
            tabs.setActiveTab(idx);
        }, 350);

});

您可以查看working example。