Question

I have issue with canceling Ajax Request. Our application interface is build in RF.

On the progress bar modal there should be cancel button – that interupt current operation,
for example cancel filling controls from database. How to make it?

I tried using reloading page, flags with “if” conditions on getters for controls and also using “bypassUpdates” with no positive effects.

Thanks in advance for your help

XHTML (Button):

<a4j:commandButton id="showData"
          value="View" styleClass="hBtn"
          disabled="#{events.isButtonsDisabled}"
          oncomplete="if (#{facesContext.maximumSeverity==null}) 
                {window.open('/seed/pages/data.jsf','DATA')};"
          actionListener="#{events.actionShow}"/>

JAVA: (Button):

public void actionShow(ActionEvent evt) {
    //Some logic, getting data from database

}

XHTML (Main Page – showing wait Popup)

<a4j:form>
    <a4j:status id="ajaxStat"
        onstart="Richfaces.showModalPanel('waitPanel');"
        onstop="#{rich:component('waitPanel')}.hide()" />
</a4j:form>

XHTML (Popup):

<rich:modalPanel id="waitPanel" autosized="true" moveable="false"
         minWidth="250" styleClass="popup">
    <f:facet name="header">
    <h:panelGroup>
        <h:outputText value="Operation in progress"></h:outputText>
    </h:panelGroup>
    </f:facet>
    <f:facet name="controls">
    <h:panelGroup>
        <h:graphicImage value="../images/icons/action_close.gif" styleClass="hidelink" id="hidelink"/>
        <rich:componentControl for="waitPanel" attachTo="hidelink" operation="hide" event="onclick"/>
    </h:panelGroup>
    </f:facet>
    <a4j:form id="msgFrm" ajaxSubmit="true">
    <h:outputText value="Please wait..."/>
    <h:graphicImage styleClass="progressBar" value="../images/indicatorbar.gif"/>
        <a4j:commandButton value="Cancel" type="button"
                   onclick="#{rich:component('waitPanel')}.hide()"
                   action="#{main.cancelAction}"
                   bypassUpdates="true"/>
    </a4j:form>
</rich:modalPanel>   

JAVA (Popup):

public void cancelAction(){
//there was setter for true/false flag for actionShow() here, now there is nothing here (it was not working)
}

Answer 1

Reloading the page stops all current ajax requests. It does not stop the java backing beans from finishing the requests but I assume that is not the question.
c:if and the ajax render do not mix very well. Possibly you could use ‘rendered’ to disable updating the controls? Then split the control in two parts. One is shown with valid data and for example bright blue. The other is rendered without any data and has a grey picture.

But… I’m not sure I understand the question correctly.

Edit 23-1-2012: Seeing the code I would say that the cancelAction must set a flag that then finishes the action running inside actionShow(). Then the ajax request finishes and the popup is closed. Can’t see why this won’t work.