How to grid updated and refresh data with KendoUI for Angular2?

Question

I am using the Kendo UI grid to edit records.

I have a load data function:

  private loadData(): void {
      this.gridView = {
          data: this.data.slice(this.skip, this.skip + this.pageSize),
          total: this.data.length
      };
  }

and I have a service that updates the data and stores it in this.data content:

this.dataservice.update().then(res => this.loadData());

However, the UI does not update. How should I update the grid UI?

Answer 1

If the grid is not updated, I suppose that changes in the loadData() method are not detected.

A simple test in a plunker shows that such simplified approach works just fine:

Plunker Demo

As a side note, if you are not seeing changes in the a specific row template, then this is a known issue logged here:

Kendo Grid for Angular 2 Issue