Primefaces DataTable等待加载数据的时间

时间:2012-04-07 20:45:23

标签: javascript primefaces

在Stack Overflow中我有一个网络应用程序,我在Primefaces库中添加了以便使用dataTables做很酷的事情。

我有一个显示我的字段和排序的dataTables并具有分页功能。所以,如果我有100个记录它一次显示25个,可以点击一个apage去它,但我有这么多信息,实际加载新信息需要几秒钟(你想要的正确页面)因此我有一个隐藏的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>

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 loading()中调用该方法,以便当我点击页面数量时,我想转到然后在数据实际再次加载时再次隐藏它?谢谢!

用于视觉支持:enter image description here

2 个答案:

答案 0 :(得分:2)

如果您将整合的素数纳入项目,为什么不使用它AJAX - Status

它非常简单,完全符合您的要求,Ajax Status is a global indicator to inform users about the ajax interactions.

看一下简单的示例Ajax Status以及advanced one,您只需将<p:ajaxStatus放在您的页面中(如果您工作的是模板,则可以放置它在你的标题中,它将适用于你的网络应用程序的所有页面......)

答案 1 :(得分:0)

什么是pf版本?你看过展示柜中的blockUi吗?