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了解详情。