javascript - データをロードするための Primefaces DataTable waitTime

Question

こんにちは Stack Overflow 私は Web アプリを持っており、dataTables でクールなことをするために Primefaces ライブラリに追加しました。

フィールドと並べ替えを表示し、ページングを行う dataTables があります。100件のレコードがある場合、一度に25件表示され、ページをクリックして移動できますが、情報が非常に多いため、実際に新しい情報をロードするのに数秒かかります(あなたが望む正しいページ) on) そのため、テーブルの更新などを待っている人がいるときに表示するために使用する非表示の div があります。

js は次のようになります。

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

私のdivは次のようになります:

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

dataTable は非常に基本的なものです。

<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 loading() でメソッドを呼び出して、ページ番号をクリックしたときに移動し、データが実際に再度読み込まれたときに再び非表示にするにはどうすればよいですか? ありがとう！

視覚的なサポート:

Answer 1

プロジェクトにすでにプライムフェイスを統合している場合は、なぜそのAJAX を使用しないのですか - ステータス

その非常にシンプルで、あなたが望むことを正確に行います。Ajax Status is a global indicator to inform users about the ajax interactions.

簡単な例のAjax Statusと、より高度な例を見てみましょう。ページにを配置するだけで済み<p:ajaxStatusます (テンプレートを使用する場合は、ヘッダーに配置すると、すべてのページに適用されます)。ウェブアプリ...)

Answer 2

pfのバージョンは？ショーケースの blockUi を見ましたか?