tabPanel的内容未显示

Question

我是sencha触摸框架的新手，我有一个问题，我无法解决自己。

当我在Panel中创建TabPanel时，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]
});