面板宽度不适合整个空间

问题描述

您好，我正在这样定义一个面板：

    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'
    
        
});

但是default属性字段width和height设置为100％不会拉伸面板。现在，我将其设置为1140 px，这是我不想要的。

如何实现？

谢谢

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

解决方法

通常layout: 'fit'应该可以解决问题。 您不需要设置高度或宽度。 我在fiddle中尝试过，效果很好。

在设置defaults时，我想您想添加几个面板。 如果您使用fit，则此布局可能无法按需工作。

• 彼此下方。使用vbox布局。
• 彼此相邻。使用hbox版式。

两种布局支持align，在您的情况下为stretch。

这里有个例子：

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