angular - 如何禁用 ngx-datatable 中的滚动调用 'page' 输出事件？

Question

我不想要无限滚动分页。相反，我只想在单击页脚中的页码时调用分页。我正在使用服务器端分页。因此，在每次滚动时触发“page”事件会导致我的分页 API 触发过多的请求，而我的服务器无法处理这些请求。

基本上如何禁用服务器端分页的无限滚动？

Answer 1

我能够通过处理 ngx-datatable 中的(滚动)输出来解决这个问题。这个想法是在调用滚动事件时使用一个标志来抑制分页，然后在超时后再次启用它。像这样的东西。

模板

<ngx-datatable (page)="doPaging($event)" (scroll)="handleScroll()">...</ngx-datatable>

在你的组件中

scrollTimeout: any;
suppressPaging: boolean = false;
doPagining() {
  if (!this.suppressPagining) {
    //do paging
  }
}

handleScroll() {
   this.suppressPagining = true;

   if (this.scrollTimeout) {
        celarTimeout(this.scrollTimeout);
   }

  this.scrollTimeout = setTimeout(() => {
     this.suppressPagining = false;
  }, 100)
}