如何显示“正在加载..”加载div时

Question

我有一个没有AJAX支持的带有图表的JSF页面。我注意到图表的加载时间非常慢。例如，是否可以加载JSF页面的主体并显示“正在加载...”在加载图表时图表所在的DIVs中？我使用Primefaces生成图表。

Answer 1

您可以尝试使用图表的BlockUI和preRenderComponent事件。请参阅此链接How to display 'loading' while loading PF chart

Answer 2

您可以在尝试加载时使用这个prime-faces ajax代码

<p:ajax event="page" update=":statusbar"  onstart="statusDialog.show();" oncomplete="statusDialog.hide();" onerror="statusDialog.hide();"/>

您正在从ajax调用此对话框

    <p:dialog widgetVar="statusDialog" id="statusbar" modal="true" showHeader="false" closable="false" width="250" resizable="false">
          <h:form>
//You can also give loading image here
            <div class="ft-row ft-center"><img src="#{request.contextPath}/resources/images/loding.gif" /></div>
            <h5>Please wait..</h5>
          </h:form>
        </p:dialog>