extjs - extjs：标签容器宽度

Question

我正在自学 extjs，并且正在使用标签。我不知道如何调整整个容器的大小，不仅仅是选项卡，还有每个选项卡的数据将显示在哪里......我试过 width: 400 但没有改变

到目前为止，这是我的代码：

Ext.application({
    name: 'HelloExt',
    launch: function() {

    Ext.require('Ext.container.Viewport');

    Ext.create('Ext.container.Viewport', {
        layout: 'fit',
        items: [{

            xtype: 'tabpanel',
            width: 400,
            activeTab: 0, // index or id
            items:[{
                title: 'Tab 1',
                html: 'This is tab 1 content.'
            },{
                title: 'Tab 2',
                html: 'This is tab 2 content.'
            },{
                title: 'Tab 3',
                html: 'This is tab 3 content.'
            }]

        }]//end of viewport
    });
}
});

有人可以给我一个片段吗？谢谢。

Answer 1

您使用布局：“适合”，因此选项卡面板无法获取宽度属性尝试布局：“表单”