在ExtJS 6.2.0中,可以使用布局容器来实现将两个面板并排对齐以覆盖整个屏幕的效果。以下是一个示例代码:
Ext.create('Ext.container.Container', {
renderTo: Ext.getBody(),
layout: 'hbox', // 使用水平布局
items: [{
xtype: 'panel',
flex: 1, // 设置宽度占比为1,即占据整个屏幕的一半宽度
html: '左侧面板内容'
}, {
xtype: 'panel',
flex: 1, // 设置宽度占比为1,即占据整个屏幕的一半宽度
html: '右侧面板内容'
}]
});
上述代码中,我们创建了一个容器,并使用水平布局(hbox
)来排列子组件。容器中包含两个面板,它们的宽度占比都设置为1,即平分整个屏幕的宽度。你可以根据实际需求调整宽度占比和面板内容。
这种布局方式适用于需要将两个面板并排对齐的场景,比如创建一个双栏布局的管理后台界面、展示多个模块的仪表盘等。
腾讯云相关产品和产品介绍链接地址:
请注意,以上仅为腾讯云的一些相关产品,其他云计算品牌商也提供类似的产品和服务。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云