0

我的 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>

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

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

4

1 回答 1

3

首先，您的结构不被认为是正确的，因为您有嵌套<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标签。

于 2013-01-30T10:25:40.447 回答