Perform validation, call modal, then submit

[chris.simons]

All,

I'm trying to implement something of a confirmation dialogue.

I have a rich:modalPanel (this isn't really a RichFaces question, though) that will be opened once the user clicks an h:commandLink to Confirm.  The modalPanel contains the actual Submit button.

The problem I'm having is that I still want the form validation to process and I want it to happen before the modal is allowed to be opened.

In this case, if I use h:commandLink with an onclick="<open modal panel>", the form validates in the background but the modal still opens.  I'd prefer the modal to only open if the proceeding form has zero errors and validates.  I think if I were to get this to work, my implementation would work.

What do you all suggest?  I've tried h:commandLink and setting oncomplete="<open modal>" but that validates the form, reloads the page, and the modal never opens.

Should I have to set an action on the h:commandLink to a blank method, and then open the modal?

Thanks.  Below is some code to give some context to what I'm doing.

The confirmation button:

<h:commandLink id="cmdConfirmEvent" styleClass="primary-button" value="#{messages['form.button.submit']}"
oncomplete="#{rich:component('defaultConfirmationModal')}.show()">
</h:commandLink>

The confirmation modal (a facelet):

<ui:decorate template="/util/modals/defaultConfirmationModal.xhtml">
        <ui:define name="objectContent">
        <h:panelGrid columns="1">
                <h:outputText value="#{cvEvent.eventName}"/>
        </h:panelGrid>
        </ui:define>
        <ui:define name="buttonContent">
        <ui:decorate template="/layout/primary-button-wrapper.xhtml">
                        <ui:define name="buttonContent">
                                        <h:commandLink id="cmdSubmitEvent" styleClass="primary-button" value="#{messages['form.button.submit']}" action="#{eventManager.submitNewEvent}" />
                        </ui:define>
                </ui:decorate>
        </ui:define>
</ui:decorate>

[abafna.bafna.amit.gmail.com]

Modal panel has a tag 'showWhenRendered' and it can be evaluated as EL expression. With you click commandButton, you can submit the form for validation and reRender the modal panel. 'showWhenRendered' should be initially evaluated to false from a backing bean property, which should later be updated to true after all the validations succeed.

Cheers!!!

Amit

[chris.simons]

Thanks for the quick reply, Amit.

That sounds like one avenue...I was hoping to avoid the whole backing bean routine, but this is a sound option.

Thanks; I'll reply if I get it to work.

[chris.simons]

Amit,

I actually don't see how this is accomplished using a backing bean.  Wouldn't I have to check facesContext for validation errors and then set the boolean to true/false depending on the outcome? 

Now, if I could just set showWhenRendered="#{invalid}", then that would be awesome.

Also, if my confirmation modal were to be generic, I would need to know which backing bean to check for the valid/invalid boolean. 

Thoughts?

[valatharv]

Hi Amit/ Chris,

I am also facing exactly the same issue, it will be very helpful if you can provide any code. Stuck with this....:(

http://www.seamframework.org/Community/StrangeBehaviourForXhtmlWhenUsingModal