Question

您能否给我一些确定overlayPanel位置的键/值？我想在中间解决它，但我无法弄明白。我有这个例子：

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

Answer 1

这就是我理解的方式。
“我的”是覆盖面板框。
“at”是commandButton。

<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即可将其移到中间。

即使documentation仅提及right, left, top, middle，您也可以在x轴和y轴上使用middle。

示例：

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

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

定位PrimeFaces的OverlayPanel

4 个答案: