如何并排对齐窗口?

w8f9ii69  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(162)

我有两个窗口,即聊天窗口和反馈窗口,我想在单击按钮时并排显示它们,例如,如果聊天是打开的,用户单击反馈按钮,则必须水平平铺。这是我迄今为止所尝试的

var tiledWindows = Ext.create({
            xtype: 'container',
            autoHeight: true,
            autoWidth: true,
            frame: true,
            //layout: { type: 'hbox', align: 'stretch', pack: 'end' },
            layout:'column',
            items: [win, chatWindow]
        });

win和chatWindow都有其独特的风格。请帮我做这件事

nukf8bse

nukf8bse1#

你需要两个分开的Windows吗?还是在一个Windows里放两个Panels就足够了?
在第一个场景中,您可以使用hbox创建一个简单的窗口并对齐面板。
下面是一个有效的sencha提琴示例:sencha fiddle
我还添加了代码来“模拟”显示/隐藏反馈面板的功能。

bnlyeluc

bnlyeluc2#

要做你想做的事情,你需要知道一个窗口的位置,这样另一个窗口就可以被放置在它旁边。然后使用showAt方法定位第二个窗口,或使用showAt方法定位两个窗口。显示位置
我过去对已经渲染的窗口所做的是:

let firstWin = Ext.create('window').show();
let secondWin = Ext.create('window');
secondWin.showAt(firstWin.getX() + firstWin.getWidth(), firstWin.getY());

请注意,这段代码不是功能性的,但应该让您了解如何使用showAt方法解决问题。

相关问题