如何在加载页面时显示忙碌指示器，我们需要在页面加载完成后在primefaces，javascript中隐藏忙碌指示器

Question

菜单包含Listpages和详细信息页面。单击菜单项时，我们需要显示忙碌指示符，并在加载时隐藏指示符。

Answer 1

您可以使用p:ajaxStatus。在模板中添加以下代码，在ajax操作期间将显示已定义的图像：

    <p:ajaxStatus id="ajaxstatus" style="float: right;">
        <f:facet name="start">
            <h:graphicImage value="/images/loading.gif" />
        </f:facet>
        <f:facet name="complete">
        </f:facet>
        <f:facet name="error">
            <h:panelGroup>
                <div class="ui-message-error">
                    <span class="ui-message-error-icon" />
                    <span class="ui-message-error-detail">
                        <h:outputText value=" Ooops! An error has occurred!" />
                    </span>
                </div>
            </h:panelGroup>
        </f:facet>
    </p:ajaxStatus>