javascript - EXTJSタブパネルは、パネルを埋めるためにタブを伸ばします

Question

私が抱えている問題は、パネルの幅全体を埋めるために、extjs タブ パネルにタブを取得できないことです。resizeTabs を呼び出してみましたが、この問題に対する答えが見つかりませんでした。

Answer 1

個々のパネルの構成に「layout:fit」を追加します。

var tabs = new Ext.TabPanel({
    items: [{
        title: 'Tab 1',
        html: 'A simple tab',
        layout: 'fit'
    },{
        title: 'Tab 2',
        html: 'Another one',
        layout: 'fit'
    }]
});

または、DRYer アプローチの場合、すべてのパネルを「フィット」レイアウトにしたい場合は、TabPanel の「デフォルト」構成オプションを使用します。

var tabs = new Ext.TabPanel({
    defaults: {
        layout: 'fit'
    },
    items: [{
        title: 'Tab 1',
        html: 'A simple tab'
    },{
        title: 'Tab 2',
        html: 'Another one'
    }]
});