gpt4 book ai didi

javascript - Primefaces DataTable 等待数据加载的时间

转载 作者:行者123 更新时间:2023-11-30 18:29:23 25 4
gpt4 key购买 nike

嗨 Stack Overflow 我有一个网络应用程序,我添加到 Primefaces 库中以便使用数据表做一些很酷的事情。

我有一个数据表,可以显示我的字段并进行排序并具有分页功能。所以如果我有 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() 中的方法,以便当我单击要转到的页码时,然后在数据实际再次加载时再次隐藏它?谢谢!

视觉支持:enter image description here

最佳答案

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

它非常简单,完全可以满足您的需求,Ajax Status is a global indicator to inform users about the ajax interactions.

看看这个简单的例子Ajax Status还有更多advanced one ,您所要做的就是将 <p:ajaxStatus在你的页面中(如果你工作的是模板,你可以将它放在你的标题中,它将适用于你的网络应用程序的所有页面......)

关于javascript - Primefaces DataTable 等待数据加载的时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10058229/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com