2012-04-07 45 views
1

hi堆棧溢出我有一個web應用程序,並且我在Primefaces庫中添加了這個應用程序,以便用dataTables做一些很酷的事情。用於加載數據的Primefaces DataTable waitTime

我有一個dataTables顯示我的領域和排序和分頁。所以如果我有100條記錄,它一次顯示25條記錄,並且可以點擊一條記錄進入它,但是我有很多信息,實際加載新信息需要幾秒鐘(您想要的正確頁面),所以我有一個隱藏的div用於顯示什麼時候有一些等待做更新表和什麼東西。

的JS是這樣的:

   function loading(){ 
       $("#loadingPopUp").dialog("open"); 
       return false; 
      } 

我的股利如下:

<div id="loadingPopUp">     
      <ul class="appnitro" > 
         <div> <p><b> Please Wait</b></p> <p><img src="/miloWeb/images/loading.gif" /></p> </div> 
      </ul>    
     </div> 

ThedataTable是很基本的:

<p:dataTable 
                       id="dataTable" 
        value="#{auditBB.auditList}" 
                       var="testVar" 
        rows="25" 
        paginator="true" 
        paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
        rowsPerPageTemplate="5,10,15,25,50,100"> 
// 
//columns go here 
// 
</p:dataTable 

如何調用的javascrip方法加載(),以便當我點擊頁面號,我想要去,然後在數據實際加載時再次隱藏它再次?謝謝!

視覺支持:enter image description here

回答

2

如果alrady集成primefaces到你的項目,爲什麼你不使用它的AJAX - Status

它很簡單,不正是你想要的東西,Ajax Status is a global indicator to inform users about the ajax interactions.

看看簡單的例子Ajax Status和更多advanced one,你所要做的就是將<p:ajaxStatus放在你的頁面中(如果你的工作是模板,你可以將它放在你的頁眉中,它將應用於你的網頁應用程序的所有頁面......)

+0

因爲我不知道它存在。但現在你已經告訴我了,我會試試看。這聽起來完全像我正在尋找的東西。非常感謝你Daniel =) – Myy 2012-04-08 08:17:54

+0

不客氣。 – Daniel 2012-04-08 09:07:32

0

什麼PF版本?你看過展櫃裏的blockUi嗎?