Extjs 面板宽度不适合整个空间

您好，我正在定义一个面板，如下所示：

    Ext.define('Mine.view.newDashboardPanel', {
        extend: 'Ext.Container',
        xtype: 'basic-panels',
        requires: [
            'Ext.layout.container.Table'
        ],
    
        width: 760,
        height: 500,
        layout: 'fit',
    
        defaults: {
            xtype: 'panel',
            width: 1240,
            height: 600,
            padding: 0
        },
    
        items: [{
            title: 'proj'
    
        
});

但是设置为100%的

default

属性字段

width

和

height

不会拉伸面板。现在我将它设置为

1140px

，这是我不想要的

如何做到这一点

谢谢

---

编辑：是否可以设置面板的样式以在整个屏幕上拉伸它？

通常

布局：“适合”

应该可以做到这一点。 您不需要设置高度或宽度。 我试了一次，效果很好

在设置默认值时，我想您需要添加几个面板。 如果使用

fit

此布局可能无法按您所需工作

• 在彼此下面。使用

  vbox

  布局
• 紧挨着。使用

  hbox

  布局

两种布局都支持对齐，在您的情况下应该是拉伸

这里有一个例子：

layout: {
    type: 'vbox',
    align: 'stretch'
},

请创建一个