Содержимое tabPanel не отображается

Question

Я новичок в Sencha Touch Framework и у меня есть одна проблема, которую я не могу решить самостоятельно.

Когда я создаю TabPanel внутри Panel, содержимое TabPanel не будет отображаться, только панель инструментов, где находятся кнопки.Вот мой тестовый код.

Ext.setup({
    onReady: function() {
        tabpanel = new Ext.TabPanel({
            id: 'tabpanel',
            items: [{
                title: 'facebook',
                html: 'facebook'
            },{
                title: 'google',
                html: 'google',
            },{
                title: 'twitter',
                html: 'twitter'
            }]
        });
        mainview = new Ext.Panel({
            fullscreen: true,
            id: 'mainview',
            items: [tabpanel]
        });
    }
});

Answer 1

Вам необходимо назначить макет для вашего основного вида.

mainview = new Ext.Panel({
    layout: 'fit',
    fullscreen: true,
    id: 'mainview',
    items: [tabpanel]
});