如何在验证失败时保持弹出表单打开并在成功保存时关闭它？

Question

I have a form with validations in JSF that needs to be open in popup. When I submit the form, I am calling the bean method, the data send to the back end and if it successful then the pop up should close automatically.

Data is storing successfully, what should I need to return from bean method, so that the pop up will close automatically.

And also, How can we get the response after submitting the form? Is that possible?

Answer 1

Below code can be used to keep the show/hide the popup based upon the validation:

<a4j:commandButton value="Create Quote" id="createQuote" action="#{quoteAction.createQuote}"
                               immediate="false" 
                               execute="envType country partner @this"
                               render="envType country partner"
                               oncomplete="if (#{facesContext.maximumSeverity == null}) {#{rich:component('quoteResultPanel')}.show();}">
            </a4j:commandButton>

#{facesContext.maximumSeverity == null} will validate for any validation message(s) if this is not null then user will not be shown with the popup else user will be displayed with the popup. you can even use it the other way like close the popup only if there are no validation messages else keep the popup with the messages.

oncomplete="if (#{facesContext.maximumSeverity == null}) {#{rich:component('quoteResultPanel')}.hide();}"

Answer 2

Look here Using JavaServer Faces (JSF) Popup Window Example . Note that MyFaces Orchestra has support for multi-window applications out-of-the-box.

Answer 3

If you're using RichFaces, you might want to consider using a Rich Modal Window instead of a normal popup.

If your form is an <a4j:form> , you can use an <a4j:commandButton> for an ajax submit, and supply an oncomplete attribute to give it javascript to execute after successful submission. This javascript can be a call to Richfaces.hideModalPanel('pnl'); with the id of your modal as the argument.