并排对齐两个面板以覆盖整个屏幕ExtJS 6.2.0

问题描述

我有这个小组

Ext.define('mine.view.newDashboardPanel',{
    extend: 'Ext.Container',xtype: 'basic-panels',controller: 'newDashboard',layout: 'fit',...

并已创建此容器：

Ext.define('mine.view.newDashboard',alias: 'widget.newDashboard',reference: 'dashboard',layout: {
        type: 'border',align: 'stretch '
    },height: 620,style: {
        'backgroundColor': '#909090 !important'
    },items: [{
           
           
            region: 'west',xtype: 'panel',//margin: '5 0 0 5',width: 200,collapsible: true,// make collapsible
            id: 'west-region-container',items: [{
                xtype: 'settingsMenu2'

            }]
        },{
            xtype: 'basic-panels',layout: 'fit'
        }
    ]


});

后面的代码是创建作为侧边栏和mine.view.newDashboardPanel面板的主视图。我的问题是面板（xtype basic-panels）不能覆盖其整个分配空间，因此{{1} }不覆盖屏幕。 如何实现呢？ 谢谢！

解决方法

要完成指定的区域：“中心”

{
    xtype: 'basic-panels',region: 'center'
}

Ext.define('Mine.view.newDashboard',{
    extend: 'Ext.Container',alias: 'widget.newDashboard',controller: 'newDashboard',reference: 'dashboard',layout: 'border',height: 620,style: {
        'backgroundColor': '#909090 !important'
    },items: [{

        region: 'west',xtype: 'panel',//margin: '5 0 0 5',width: 200,collapsible: true,// make collapsible
        id: 'west-region-container',items: [{
            xtype: 'settingsMenu2'

        }]
    },{
        xtype: 'basic-panels',region: 'center'
    }]

});