Animate image not working via <p:commandButton type=”submit”

[chen young]

Hi,

Here is the scenario:

I have the following command button in gen.xhtml file:

<script type="text/javascript">
        function showStatus() {
            statusDialog.show();
        }
 
        function hideStatus() {
            statusDialog.hide();
        }
    </script>

<p:commandButton id="genButton" 
                             value="Generate Files"
                             widgetVar="startButton1" 
                             disabled="#{bean.disableButton}" 
                             actionListener="#{bean.generateFiles}" 
                             onclick="PrimeFaces.monitorDownload(showStatus, hideStatus)"
                             ajax="false"
                             style="width:200px" 
                             icon="ui-icon-shuffle">
                <p:fileDownload value="#{bean.streamedContent}"/>
            </p:commandButton>

The idea is to lock the screen until the process is done.
While the screen is lock a dialog will appear with an animate image.

The dialog in the main.xhtml file:

 <p:dialog modal="true" 
                  position="center" 
                  showHeader="false" 
                  widgetVar="statusDialog" 
                  draggable="false" 
                  closable="false">
            <h:form>
            <p:graphicImage value="resources/images/ajax-generate.gif"/> 
            </h:form>
        </p:dialog>

The problem:
Apparently the image is animated only if the command button type is “button” which is not fit to this case.

Is there any workaround here ?

Thanks

[Mark Reyes]

Not sure about this case as I dont have a working JSF workspace right now but please check this

<p:commandButton ajax="false" />

You have set the ajax option to false, which means that you are doing a synchronous post attempt which would submit
all of your data and cause a browser refresh as a whole.

[chen young]

yes it's because of <p:fileDownload>
while working with this tag you have to set ajax=false