Primefaces p：dialog modal =“true”appendToBody不能正常工作

Question

我为这个解决方法尝试了很多东西，但现在我发现了p：dialog的一个问题。 如果我使用modal =“false”一切正常。 但是如果我使用modal =“true”并且appendTo =“@（body）”并且想要使用页脚，则p：对话框不起作用。 h：表单不会验证字段。

     <p:dialog message="Add Ticket" header="Add Ticket"
                draggable="true" resizable="true" closeOnEscape="true"
                appendTo="@(body)" modal="true" widgetVar="addTicketReportingDialog">
<h:form id="addTicketReportingForm">
                <h:panelGrid id="ticketReportingAddPanelGrid" columns="2">

                   <p:outputLabel for="ticketReporting_name" value="Name:" />
                   <p:inputText id="ticketReporting_name" size="33" required="true"
                      requiredMessage="Please add a value"
                      value="#{ticketReportingEditController.ticketReporting.title}" />

                </h:panelGrid>

                <br></br>
                <f:facet name="footer">
                   <p:commandButton value="Save"
                      oncomplete="if (!args.validationFailed) addTicketReportingDialog.hide()"
                      update=":ticketReportingListForm:ticketReportingListDatatable,messagesAddTicketReporting,:addTicketReportingForm:ticketReportingAddPanelGrid"
                      actionListener="#{ticketReportingEditController.doSave}"
                      ajax="true" />

                   <h:outputText value=" or " />

                   <p:commandLink ajax="true" process="@this"
                      onclick="addTicketReportingDialog.hide();">
                      <h:outputText value="Close" />
                   </p:commandLink>

                   <p:messages id="messagesAddTicketReporting" showDetail="false"
                      for="messagesAddTicketReporting" autoUpdate="false"
                      closable="true" />
                </f:facet>
     </h:form>
             </p:dialog>