extjs:tab容器宽度

时间:2012-06-02 12:07:19

标签: extjs tabs

我正在教自己extjs,我正在使用标签。我无法弄清楚如何调整整个容器的大小,而不仅仅是选项卡,但是每个选项卡的数据都会显示...我试过宽度: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
    });
}
});

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

1 个答案:

答案 0 :(得分:1)

你使用布局:'fit'所以tabpanel无法获得width属性尝试布局:'form'