extjs - extjsのpabパネルからタブを削除

Question

タブパネルで 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);

});

動作例を確認できます。