如何解决并排对齐两个面板以覆盖整个屏幕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'
}]
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。