Primefaces中的视觉"busy"指示

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获取更多信息。