primefaces - 定位 PrimeFaces 的 OverlayPanel

Question

你能给我固定overlayPanel位置的键/值吗？我想在中间修复它，但我无法弄清楚。我有这个例子：

<p:overlayPanel id="overlayPanelSearch" for="searchButton" my="top" at="bottom">

Answer 1

我是这样理解的。
“我的”是覆盖面板框。
“at”是命令按钮。

<p:commandButton id="chartBtn" type="button" />  
<p:overlayPanel id="chartPanel" for="chartBtn" my="right top" at="right bottom">  
  ...
</p:overlayPanel>  

所以上面写着：“将覆盖面板的右上方与命令按钮的右下方连接起来”

Answer 2

使用 overlayPanel 的以下属性：

for - Identifier of the target component to show the panel
my  - Position of the panel relative to the target (ex: my="left top")
at  - Position of the target relative to the panel (ex: at="left bottom")

Answer 3

我认为文档描述如何使用它是错误的。它被描述为使用“左上角”之类的东西。

尝试使用my="left top" at="left bottom"效果很好！

希望这可以帮到你..

Answer 4

要将其移动到中间，只需使用middle.

即使文档只是提到right, left, top, middle您还可以在middlex 轴和 y 轴上使用。

例子：

<p:overlayPanel id="overlay" my="center top" at="right center">  

由于此请求，此功能稍后可能已添加： https ://forum.primefaces.org/viewtopic.php?t=45084