如何显示"正在加载.."在加载div时

时间:2013-02-02 16:34:41

标签: jsf jsf-2 primefaces

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

在尝试加载

时,可以使用此prime-faced 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>