Primefaces中的视觉"忙"指示

Question

我有一个基于Primefaces的应用程序,其中有一些冗长的操作.

当这样的操作正在执行时,我想以某种方式表明这一点(比如显示沙漏或消息,它出现在屏幕的中央).

在Primefaces/JSF中最简单的方法是什么？

Answer 1

我建议你这样做<p:blockUI>.这是一个例子:

<h:form>
    <p:panel id="content" >
        ...
        <p:commandButton id="longOperation" value="Process" />
    </p:panel>
    <p:blockUI block="content" trigger="longOperation">  
        <p>Here you can customize what appears as the overlay over the blocked content.</p>
        <p:graphicImage value="/images/ajax-loader.gif"/>  
    </p:blockUI>
</h:form>

有关详细信息,请查看http://www.primefaces.org/showcase/ui/blockUI.jsf.