使用ExtJS将浮动组件与容器的右上角对齐

Question

我有一个浮动组件（面板），我想将它对齐到容器的右上角。

目前，我只能将它与左上角对齐 该组件具有此侦听器：

        listeners: {
            afterrender: function() {
                this.setPosition(0,0)
            },
        }

问题，组件应该对齐的容器宽度有一个未定义的大小，它可能会根据屏幕分辨率调整大小。

我该如何管理？

我已经检查了alignTo方法，但无法使其正常工作！

有什么想法吗？ 我也会用左下角做同样的事情！

如果需要，我可以提供更多代码。

感谢。

Answer 1

您可以使用alignTo方法，如下所示;

listeners: {
  afterrender: function(cmp, eOpts) {
     cmp.alignTo(Ext.getBody(), 'tl-tl');
 }
}

应该这样做，对于右下对齐使用'br-br'。如果要解决屏幕大小调整问题，请在viewport resize事件上放置一个侦听器，然后重新运行组件上的alignTo。