验证失败时保持 p:dialog 打开

Question

我有一个包含数据的简单页面 table。 table 上方有一个用于添加新 table 行的按钮。此按钮会打开一个带有注册表单的弹出窗体。以该形式创建的对象有一个 bean 验证集。现在，当我提交无效表单时，不会添加数据，会创建一条消息并关闭弹出窗口 window。

我的问题是我想保持弹出 window 打开以防验证未通过。

弹出window代码：


<p:dialog header="New company registration" widgetVar="cmpRegDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
                            <p:outputPanel id="cmpRegistration" style="text-align:center;">
                                <h:panelGrid id="cmpRegistrationGrid" columns="3" columnClasses="label,value" cellpadding="5">

                                    <p:outputLabel for="cmpNameR" value="Name:"/>
                                    <p:inputText id="cmpNameR" value="#{companyBean.newCompany.name}" />
                                    <p:message for="cmpNameR" />

                                    <p:outputLabel for="cmpAddressR" value="Address:"/>
                                    <p:inputText id="cmpAddressR" value="#{companyBean.newCompany.address}" />
                                    <p:message for="cmpAddressR" />

                                    <p:outputLabel for="cmpIcoR" value="ICO:"/>
                                    <p:inputText id="cmpIcoR" value="#{companyBean.newCompany.ico}" />
                                    <p:message for="cmpIcoR" />

                                    <p:commandButton value="Submit" styleClass="secondary-btn flat" action="#{companyBean.registerNewCompany()}" update=":companyRegistrationForm :companiesOverviewForm"/>
                                    <p:commandButton value="Reset" update="cmpRegistrationGrid" process="@this" style="margin-right:10px; width: auto;" styleClass="indigo-btn" >
                                        <p:resetInput target="cmpRegistrationGrid" />
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:outputPanel>
                        </p:dialog>

Answer 1

是的，只需将此添加到您的 "Submit" 按钮 oncomplete="if (!args.validationFailed) PF('#cmpRegDialog').hide();"

<p:commandButton value="Submit" 
                 styleClass="secondary-btn flat" 
                 action="#{companyBean.registerNewCompany()}" 
                 update=":cmpRegistration :companiesOverviewForm"/>
                 oncomplete="if (!args.validationFailed) PF('#cmpRegDialog').hide();"

基本上只有在没有验证失败的情况下才关闭对话框。注意：确保不要 update="" 包含对话框的表单，否则您的对话框每次都会关闭。您应该只更新对话框内的面板 "cmpRegistration" 就像我在上面所做的那样。

验证失败时保持 p:dialog 打开

Keep p:dialog open when validation failed

jsf

dialog

primefaces