Question

我的JSF页面中有一个保存项目的按钮。

<p:commandButton id="saveB" actionListener="#{projectsController.create}" value="Projeyi Kaydet" icon="ui-icon-check"  onsuccess="infDialog.show()" onerror="infDialog.hide()"/>

当我点击它时保存项目并打开对话框并说它已保存。这是我的对话框：

<p:dialog id="msgDialog" header="Bilgi" widgetVar="infDialog" resizable="true" showEffect="explode" hideEffect="explode" appendToBody="true" modal="true" closable="false">
    <h:form>
        <h:panelGrid id="display" columns="2" cellpadding="10" style="margin:0 auto;">  
            <f:facet name="header">
                <center>
                    <h:outputText value="Proje kaydedildi." />
                </center>
            </f:facet>

            <h:outputText value="Projeye döküman eklemek için aşağıdaki paneli kullanabilirsiniz." />


            <f:facet name="footer">
                <center>
                    <h:form enctype="multipart/form-data">  

                        <p:fileUpload fileUploadListener="#{fileUploader.handleFileUpload}"  
                                      mode="advanced"  
                                      update="messages"  
                                      auto="false"  
                                      sizeLimit="100000000"  
                                      multiple="true"
                                      allowTypes="/(\.|\/)(gif|jpe?g|png|pdf|avi|mpeg|mp4)$/"/>  

                        <p:growl id="messages" showDetail="true"/>  

                    </h:form>
                </center>
            </f:facet>
            <br />
            <br />
            <center>
                <p:commandButton value="Proje Eklemeyi Tamamla" onclick="window.location.replace(window.location.href);"/>
            </center>

        </h:panelGrid>  
    </h:form>
</p:dialog>

我的问题是，当我没有填写任何仍然显示的字段时，表示项目已创建，而不是让您再次检查表单。

我怎样才能做到这一点？谢谢你的任何想法。

Answer 1

首先，您的结构被认为是正确的，因为您有嵌套的<form>标记。这在HTML中是不正确的，因此在JSF中不正确。

第二个onerror回调没有任何表单验证，但在AJAX请求中有错误。您应该更改onsuccess和onerror并使用以下内容：

oncomplete="handleSave(xhr, status, args)"

并定义JavaScript函数，如下所示：

if (args.validationFailed) {
    infDialog.hide()
} else {
    infDialog.show()
}

validationFailed是ajax回调参数，如果存在某些验证错误，则由Primefaces隐式设置为true。如果需要，您还应该将required="true"属性添加到p:fileUpload标记。

jsf成功打开对话框

1 个答案: