Unplanned
Last Updated: 24 Sep 2021 05:54 by ADMIN
Christopher
Created on: 16 Sep 2021 17:07
Category: Grid
Type: Bug Report
0
Bug with the kendoGridGroupBinding directive and data input changes

There is a bug with the kendoGridGroupBinding directive when changing the input data and using virtual scrolling.  If you have many rows and scroll down to a lower virtual page and then change the input data to a small subset the grid will think there is no data.  And if you then change back to the full data set you have to start scrolling down before the grid repaints with data.  

Reproduction available here https://tyb2ys--run.stackblitz.io

Steps:

1. scroll down halfway in the grid

2. click the "Show subset" button.  Note the grid shows the no records message but should show three rows

3. click the "Show all" button.  Now the grid shows the scrollbar and the no records message is gone but it is not showing data.  You have to scroll down past where you previously were with all data before it repaints the rows

One workaround is to have an ngIf on the grid to destroy and recreate the grid when the input data changes, something like this:

 

  private destroyAndRecreateGrid(): void {
    this.showGrid$.next(false);
    of(null).pipe(
      take(1),
      delay(10),
      tap(t => {
        this.showGrid$.next(true);
      }
    )).subscribe();
  }

 

2 comments
ADMIN
Ivan
Posted on: 24 Sep 2021 05:54

Hi Christopher,

Sorry for late response, we managed to make it work with injecting [kendoGroupBinding] directive and call its method to reset internal pagination of KendoGrid. Please refer to this stackblitz sample in order to observe this implementation.

Let us know if additional help would be needed.

Regards,
Ivan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Christopher
Posted on: 16 Sep 2021 21:46