Ext JS 3 FitLayout не расширяет элемент до своего контейнера

Question

Я пытался добавить панели и т. Д. В TabPanel, но по какой-то причине даже я установил добавленный макет Панели (эти элементы содержат другие элементы, например, один элемент содержит EditorGridPanel) в FitLayout, единственной видимой вещью является линия вверхуконтейнера, поэтому он не очень хорошо подходит, и, как я ожидал, он будет помещен в контейнер.

Как я могу отладить это, потому что нет ошибок JavaScript?

Созданиепанель:

function getPanel() {

    var panel = new Ext.Panel({
        layout:'fit'
    });

    var grid = new Ext.grid.EditorGridPanel({
        title: 'mytitle',
        bodyStyle: 'padding: 5px',
        store: store,
        cm: cm,
        frame: true,
        clicksToEdit: 1,
        bbar: [{
            xtype: 'button',
            handler: function() {
                store.save();
            }
        }]
    });

    panel.add(grid);    
    return panel;
}

Создание TabPanel

var tabs = new Ext.TabPanel({
    activeTab: 0,
    plain:true,
    autoScroll: true,
    defaults:{autoScroll: true}
});

var panel = getPanel();
tabs.add(panel);

window = new Ext.Window({       
    width: 500,
    height: 450,
    layout: 'vbox',
    modal: true,
    closeAction: 'hide',
    buttons: [],
    items: [tabs]
});

Answer 1

Хорошо, проблема была с элементом окна, мне пришлось поместить подходящий макет в окно контейнера.

window = new Ext.Window({       
    width: 500,
    height: 450,
    layout: 'fit',
    modal: true,
    closeAction: 'hide',
    buttons: [],
    items: [tabs]
});