使用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'。 如果要解決屏幕調整大小的問題，請將偵聽器放在視口調整大小事件上，然后僅在組件上重新運行alignTo。