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 了解更多信息。