PF BlockUI-完成后保持gif动画

Question

我有一个commandButton，它重定向到带有表单的页面。在commandButton操作中，我调用一个方法，该方法从数据库加载数据以填充此表单，并重定向到它的页面。加载大约需要5-10秒
在commandButton onstart方法中，我在blockUI上调用show（），如果在oncomplete发生时调用hide（），它会在数据加载操作和页面重定向之前隐藏动画gif，因此它没有用。此外，当我决定不调用hide，以便在数据加载时看到它时，当ajax完成时，它会停止动画（我想）
如何在数据加载过程中使gif动画化？

Answer 1

我尝试使用带有h:graphicImage内容的blockUI来显示加载程序。

<p:blockUI id="blockUI" block="contentToBlock" widgetVar="loader">
    LOADING<br/>
    <h:graphicImage library="images/" name="loader.gif" height="60px" width="60px"/>
</p:blockUI>

在这种情况下，在重定向到另一个页面之前，gif在ajax请求完成后停止了动画，并且在数据加载过程中冻结。

<p:commandButton value="Redirect" id="someID" ajax="false" 
                        onclick="PF('loader').show()" 
                        action="#{redirectToNextPageAndLoadDataAction()}"/>

使用ajax＝false和onclick使它像我想要的那样工作，动画gif可以被看到，直到页面重定向，尽管我从未以这种方式隐藏它，所以当你使用浏览器返回到上一页时，gif仍然打开，UI被阻止，这不太好，但我正在处理它。

更新：最后一个错误只发生在Firefox 中