Question

我阅读了很多有关此问题的帖子，但找不到解决方案。

我在JSF的开头有一个带有commandButton的表单，它应该打开对话框。 Dialog在Dialog和属性modal以及appendToBody中有一个表单。我的页面只是重新加载，并没有弹出对话框。

<ui:composition template="../templates/site.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:sec="http://www.springframework.org/security/tags">

    <ui:define name="content">
         <h:form>
                   <p:commandButton value="Button" id="myButton" onclick="myDialog.show()" />
        </h:form>

        <p:dialog id="dialog" widgetVar="myDialog"
                        header="Dialog" closable="true" resizable="false" width="600"
                        height="350" modal="true" appendToBody="true" dynamic="true">
                        <h:form>
                           ...
                        </h:form>
        </p:dialog>
    </ui:define>
</ui:composition>

Answer 1

将您的commandButton代码更改为：

<p:commandButton value="Button" type="button" id="myButton" onclick="myDialog.show()"/>

这将创建一个普通的按钮（只调用JavaScript）并且不对服务器执行任何AJAX或非AJAX请求。默认类型的按钮是submit。

使用modal = true和appendToBody = true无法正确显示对话框

1 个答案: