为什么我的Ext.TabBar巨大？

Question

为什么我的Ext.TabBar显示器如此之大？它大约是iPhone屏幕的1/3，只有一个按钮可见。我知道我在这里错过了一些参数。

Ext.setup({ 

    icon: 'icon.png',
    glossOnIcon: false,
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    onReady: function() {           

var bar = new Ext.TabBar({
                dock : 'top',
                ui   : 'dark',
                items: [
                    {
                        text: '1st Button',
                        cls: 'card1',
                        handler: requestNews
                    },
                    {
                        text: '2st Button',
                        cls: 'card2',
                        handler: requestAbout
                    },
                    {
                        text: '3nd Button',
                        cls: 'card3',
                        handler: requestForm
                    }
                ]
            });

            var myPanel = new Ext.Panel({
                dockedItems: [bar],
                fullscreen : true,
                html       : 'Test Panel',
            });

        }
    });

Answer 1

对我来说很好看（附上截图）。 Joel当我遇到布局问题时我使用Weinre，一旦你设置好了，你就可以点击Dom并查看样式和尺寸等。

也许您在上面的示例中留下了影响布局的内容？

---