Prevent a rich:popupPanel from closing after clicking on a command button - popup

Question

I want my panel to stay visible when i click on a command button and the executed method invokes an error message.
To be more specific I have a validator for an input field which should get a date. If this date is not valid my validate method in the backing bean creates an error message. This should be displayed next to the input field in the popup panel after using the command button.
Clicking on the command button closes the popup though. But if i reopen it, the error message is displayed, making me wonder why it was closed in the first place, when the maximumSeverity condition wasn't met.
My xhtml page:
<h:body>
<h:commandButton id="note" value="Neuer Satz">
<rich:componentControl target="note_panel" operation="show" />
</h:commandButton>
<rich:popupPanel id="note_panel" modal="true" autosized="true"
resizeable="false" header="Neuen Mehrwertsteuersatz vormerken"
domElementAttachment="form">
Gültig ab
<h:inputText id="newVorGueltigAb"
value="#{mehrwertsteuerBean.neuGueltigAb}" maxlength="10"
validator="#{mehrwertsteuerBean.validateNewDate}" />
<h:message for="newVorGueltigAb" style="color:red" />
<h:commandButton value="Vormerken"
action="#{mehrwertsteuerBean.addSteuersatz()}"
oncomplete="if (#{facesContext.maximumSeverity==null})
#{rich:component('note_panel')}.hide(); return false;" />
<h:commandButton value="Abbrechen"
onclick="#{rich:component('note_panel')}.hide(); return false;" />
</rich:popupPanel>
</h:body>
My validation method in the backing bean:
public void validateNewDate(FacesContext context, UIComponent toValidate,
Object value) {
String regex = "([0-9]{2}).([0-9]{2}).([0-9]{4})";
String date = (String) value;
if (date.matches(regex)) {
validNewDate = true;
} else {
validNewDate = false;
String message = "Bitte gültiges Datum eingeben!";
context.addMessage(toValidate.getClientId(context),
new FacesMessage(message));
}
}

Answer 1

First of all, when you want validation to fail you have to throw an exception. So it must looks something like this:
public void validateNewDate(FacesContext context, UIComponent toValidate, Object value) {
String regex = "([0-9]{2}).([0-9]{2}).([0-9]{4})";
String date = (String) value;
if (!date.matches(regex)) {
String message = "Bitte gültiges Datum eingeben!";
throw new ValidatorException(
new FacesMessage(FacesMessage.SEVERITY_ERROR, message, null));
}
}
If you do so there will be no changes in model and the action in your's commandButton WON'T be fired. This is the right flow for JSF validation.
Second thing. You have to deal with validation errors manually. To check if there was some error I'm using this:
public boolean isNoErrorsOccured() {
FacesContext facesContext = FacesContext.getCurrentInstance();
return ((facesContext.getMaximumSeverity() == null) ||
(facesContext.getMaximumSeverity()
.compareTo(FacesMessage.SEVERITY_INFO) <= 0));
}
And with this your a4j:commandButton can look like this:
<a4j:commandButton value="Vormerken" execute="note_panel"
action="#{mehrwertsteuerBean.addSteuersatz}"
render="note_panel"
oncomplete="if (#{facesHelper.noErrorsOccured}) {#{rich:component('note_panel')}.hide();}
else { console.log('OMG! I\'ve got an error!'); }" />
Update:
All should look like this:
<rich:popupPanel id="note_panel" modal="true" autosized="true" resizeable="false"
header="Neuen Mehrwertsteuersatz vormerken" domElementAttachment="body">
Gültig ab
<h:form>
<h:inputText id="newVorGueltigAb" value="#{mehrwertsteuerBean.neuGueltigAb}" maxlength="10"
validator="#{mehrwertsteuerBean.validateNewDate}" />
<h:message for="newVorGueltigAb" style="color:red" />
<a4j:commandButton value="Vormerken" execute="#form" action="#{mehrwertsteuerBean.addSteuersatz}"
render="#form"
oncomplete="if (#{mehrwertsteuerBean.noErrorsOccured}) {#{rich:component('note_panel')}.hide();}" />
<h:commandButton value="Abbrechen"
onclick="#{rich:component('note_panel')}.hide(); return false;" />
</h:form>
</rich:popupPanel>
Note:
Missing <h:form>!!!
The render attribute, because you have to render your panel in case of validation error.
There are no brackets at the end of action.
The execute attribute is set to popup only. This will cause that no other fields from the whole form will be updated.
Since h:form is inside the popup I've changed domElementAttachment to body.