如何在加載div時顯示「Loading ..」

我有一個JSF頁面，其中沒有AJAX支持。我注意到加載圖表的時間非常緩慢。例如，是否有可能加載JSF頁面的主體，並在加載圖表時定位圖表的DIV中顯示「Loading ...」？我使用Primefaces進行圖表生成。如何在加載div時顯示「Loading ..」

來源

2013-02-02 Peter Penzov

也許最好的辦法是，你可以使用這個黃金面臨的Ajax代碼可以使用延遲數據加載組件，如''或'p：accordionPanel'。不確定你要求的內容不能完成，因爲事件'blockUI'有一個客戶端API，你可以在頁面加載時調用，我不知道如何調用它來停止特定的圖表。如果圖表加載非常緩慢，則會導致不良的用戶體驗，即使您希望同時顯示所有圖表。 * Divide et impera * –

您可以嘗試使用BlockUI和圖表的preRenderComponent事件。請參閱此鏈接How to display 'loading' while loading PF chart

來源

2013-02-04 12:17:43 neni

，而你要加載

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

從阿賈克斯你打電話來此對話框

<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>

來源

2017-03-01 09:11:40

如何在加載div時顯示「Loading ..」

回答

相關問題