show inline error message in jsf 2 without h:messages tag

Question

I am working on JSF2 application and I am trying to add exception handling to all my xhtmls either by showing inline messages or an error pop up.

For example, if a service exception happens in the backing bean I am wrapping it in my custom UI exception and rethrowing it as below where the second parameter indicates whether to inform the user about the exception using a pop up or an inline message.

throw new UIException(e, true);

In my exception handler wrapper, I am intercepting this exception and based on the second parameter I am trying to show the error in pop up or inline. For the pop up, I have a rich:popupPanel which I have included in the base page where all the xhtmls are included in the application. So, in the exceptionHandler wrapper, I add this pop up to the render ids dynamically as below.

FacesContext.getCurrentInstance().getPartialViewContext() .getRenderIds().add("popupForm:popupErrorPanelGroup");

For the inline messages, I want to add a inline snippet in my base xhtml and want to to show the error in line message in a similar fashion. The problem with this approach is the message positioning is not right, the inline message is supposed to be shown at the top of the individual form but now it shows up at the top of the application. For this I have to include my inlineexception xhtml in each and every xhtml manually.

Inline Exception xhtml:

<h:panelGroup styleClass="error" rendered="#{errorInlineBackingBean.showError}">
        <h:outputText id="errorText"
            value="#{errorInlineBackingBean.errorMsg}" />           
    </h:panelGroup>

Is it possible to include this inlineException in the base page similar to the pop up approach and have it shown in any forms in the application? I want to avoid including the repeated code of including it in every xhtml or placing the h:messages tag in all the xhtmls.

faissalb faissalb · Accepted Answer · 2014-08-16T16:16:35

You can define a composite component where you'll somehow override h:form and add h:message or your code inclusion on it.

Here is an exemple:

<!--?xml version='1.0' encoding='UTF-8' ?-->
     <!-- INTERFACE -->
     <cc:interface>
         <cc:attribute name="id">
         <cc:attribute name="prependId">
     </cc:attribute></cc:attribute></cc:interface>

     <!-- IMPLEMENTATION -->
     <cc:implementation>
         <h:form id="#{cc.attrs.id}" prependid="#{cc.attrs.prependId}">
             <h:messages/>
             <cc:insertchildren></cc:insertchildren>
             <h:panelGroup styleClass="error" rendered="#{errorInlineBackingBean.showError}">
                  <h:outputText id="errorText" value="#{errorInlineBackingBean.errorMsg}" />           
             </h:panelGroup>
        </h:form>
    </cc:implementation>

I've posted a blog post long ago about the same concept: http://faissalb.blogspot.ca/2011/08/composite-component-to-tweak-forms.html?m=1

show inline error message in jsf 2 without h:messages tag

1 Answers