Primeng数据表完全加载?

问题描述 投票:0回答:1

您好我使用Primeng dataTable从后端渲染数据库查询结果,一旦显示列和行,是否有任何事件触发?

更长的问题,我要在查询后端时阻止屏幕,一旦请求返回就解锁屏幕,但似乎屏幕之间有一个轻微的延迟(屏幕已解锁)(请求返回)和结果数据在屏幕上显示(行和列填充),我们正在谈论100~500ms延迟的事情。因此,我希望在请求返回时取消阻止屏幕,但要等到数据被看到。

首选答案不要更改Primeng数据表,除非它是唯一选项。打开其他建议。

angular rxjs primeng
1个回答
1
投票

您可以尝试使用BlockUI。它可以基于布尔参数阻止数据表。样品:

<p-blockUI [target]="dt" [blocked]="blockedPanel">
  <i class="fa fa-refresh fa-spin fa-3x" style="position:absolute;top:25%;left:50%"></i>
</p-blockUI>

你的数据表:

<p-dataTable #dt [value]="myList"></p-dataTable>

在你的ts文件中,你可以在这里设置/取消设置名为“blockedPanel”的布尔标志。 Reference

如果数据集很小并且延迟不明显,这将起作用。

另一种选择是试试

onValueChange()

将触发数据集更改的方法。

© www.soinside.com 2019 - 2024. All rights reserved.