p:对话框未隐藏在html中,而是直接呈现在页面上

时间:2019-07-10 09:25:51

标签: jsf primefaces jsf-2 xhtml

我有一个p:dialog,通常不显示在页面上,当我激活它时,它会在新窗口中显示为弹出窗口。

<p:dialog id="dialogAdressvalidierung"
              header="Adresse auswählen"
              widgetVar="popupAdrValidierung"
              modal="true"
              draggable="true"
              showEffect=""
              hideEffect=""
              width="900"
              resizable="false"
              appendTo="@(body)">
    <!--dialogs content-->
</p:dialog>

html输出通常是这样的

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container ui-draggable"
     id="dialogAdressvalidierung"
     role="dialog"
     aria-hidden="true"
     aria-labelledby="dialogAdressvalidierung_title"
     style="width: 900px; height: auto;">
     <!--content-->
</div>

但是,在一种情况下,我需要刷新服务器上的页面。

FacesContext context = FacesContext.getCurrentInstance();
Application application = context.getApplication();
ViewHandler viewHandler = application.getViewHandler();
UIViewRoot viewRoot = viewHandler.createView(context, context.getViewRoot().getViewId());
context.setViewRoot(viewRoot);
context.renderResponse();

执行完上面的Java代码后,xhtml文件中的所有对话框都显示在html内,并且页面看上去非常失真。由aria-hidden="true"产生的role="dialog"元素的divp:dialog之类的某些属性消失了:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container"
     id="dialogAdressvalidierung">
    <!--content-->
</div>

为什么p:dialog的html输出不再隐藏了?如何使对话框不显示在页面上,而仅在激活后才弹出?

0 个答案:

没有答案