Question

我有对话框，它居中：

<p:dialog header="Contact Information" widgetVar="companyAl"
modal="false" position="center center">

当我使用以下方式打开它时：

PF('companyAl').show();

它将出现在屏幕中心。但是，当我把它拖到其他地方时，关闭它并再次重新打开它，它会在关闭之前再次出现在最后一个位置而不是在屏幕中心。

之后如何强制它始终出现在屏幕中心

PF('companyAl').show();

Answer 1

您也可以简单地在对话框中添加onShow属性：

<p:dialog header="Contact Information" widgetVar="companyAl"
modal="false" position="center center" onShow="PF('companyAl').initPosition()">

Answer 2

您可以使用appendTo属性：

<p:dialog id="yourId" modal="true" appendTo="@(body)" widgetVar="yourWidgetVar" header="#{msg.title}" draggable="false" resizable="false" >

希望有帮助。

Answer 3

好吧，@ Jaqen H＆＃39; ghar
谢谢你的回答！

当链接触发显示对话框时，这将起作用：

<h:outputLink onclick="PF('companyAl').initPosition(); 
PF('companyAl').show(); return false;">click here to show company Al</h:outputLink>

Answer 4

环绕DIV：

<div style="position: absolute; left: 1px; top: 1px;">
  <p:dialog header="Contact Information" widgetVar="companyAl" modal="false">
</div>

Answer 5

<p:dialog header="my Header widgetVar="setPassDialog0" width="50%"
                style="width:20%;margin:0 auto" modal="true" showEffect="fade"
                hideEffect="fade" resizable="true">

primefaces p：dialog如何将位置重置为中心

5 个答案: