Prime Community Forum

Code: Select all

 loadProductsLazy(event: LazyLoadEvent, realEvent: boolean) {
    if(realEvent){
      this.loading = true;
    setTimeout(() => {
      if (!!event.last && this.table.scroller.last >= this.products.length) {
        this.table.scrollTo({bottom: 0});
        this.filtering.pagination.page++;
        this.productService.getList(this.filtering).subscribe((data) => {
          if (data.ok) {
            console.log(this.filtering.pagination);
            this.virtualProducts = data.data;
            this.products = this.products.concat(this.virtualProducts);
          }
        });
        if (!!event.forceUpdate) {
          event.forceUpdate();
        }
      }
    }, Math.random() * 1000 + 250);
    }else{
      console.log('NOT realEvent');
    }
    
    this.loading = false;
  }

Code: Select all

<p-table

        [value]="value"

        [rowTrackBy]="rowTrackBy"

        [dataKey]="dataKey"

        [columns]="columns"

        [scrollable]="true"

        [scrollHeight]="scrollHeight"

        [virtualScroll]="true"

        [virtualScrollItemSize]="50"

        [virtualScrollOptions]="virtualScrollOptions"

        [selectionMode]="selectionMode"

        [(selection)]="selection"

        [metaKeySelection]="false"

        (onEditInit)="onEditInit($event)"

        (onEditComplete)="onEditComplete($event)"

        (onEditCancel)="onEditCancel($event)"

      >

Code: Select all

public virtualScrollOptions: ScrollerOptions = {

    onScroll: (event: { first: number; last: number }) => {

      this.onScrollComplete(event);

    },

  };

Code: Select all

private onScrollComplete(event: { first: number; last: number }) {

    if (event.last == this.value.length && !this.updatingValueByScrolling) {

      this.updatingValueByScrolling = true;

      this.lastScrollValue = {

        page: this.value.length / this.lastScrollValue.pageSize + 1,

        pageSize: this.lastScrollValue.pageSize,

      };

      this.onScrollCompleteEmitter.emit({

        sort: this.lastSortValue,

        filters: this.lastFilterValues,

        scroll: this.lastScrollValue,

      });

    }

  }