1

嗨 Stack Overflow 我有一个网络应用程序，我添加到 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>

数据表非常基础：

<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() 中调用该方法，以便当我单击要转到的页面编号时，然后在数据实际再次加载时再次隐藏它？谢谢！

视觉支持：在此处输入图像描述

4

2 回答 2

2

如果您已经将 primefaces 集成到您的项目中，为什么不使用它的AJAX - 状态

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

看看简单的Ajax 状态示例和更高级的示例，您所要做的就是<p:ajaxStatus将网络应用程序...）

于 2012-04-08T05:52:56.400 回答
0

什么pf版本？你看过橱窗里的blockUi了吗？

于 2012-04-08T02:51:35.630 回答