This is a migrated thread and some comments may be shown as answers.

Issue with grouping paged data from a remote service

1 Answer 8 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Murray
Top achievements
Rank 1
Veteran
Murray asked on 13 Jan 2021, 06:55 PM

 

My grid data is bound to an observable as follows:

 protected initDomainEntityQuery() {
     this.gridSettings.state.skip = 1;
    this.gridData$ = this.stateChange$.pipe(
      takeUntil(this.unsubscribe),     
      switchMap(() =>
        this.dataService.getData(this.buildDomainEntityPayload())
      ),
      map((data) => {
        if(this.groupable && data.data.length > 0) {        
          return process(data.data, { group: this.groups });
        }
        else
          return data;
      })      
}  }

 

The problem is that the data set returned could potentially span many pages, but after the aggregation, the DataResult total is 1 page long.  Is there any way of working round this? 

The use case is to present the data grouped by a type field. 

Thanks.

 

 

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 15 Jan 2021, 12:55 PM

Hi Murray,

I am not sure that I understand the issue.

In general the Grid data can be grouped as demonstrated in the following article:

https://www.telerik.com/kendo-angular-ui/components/grid/grouping/

It can also be grouped and paged together. For that to work out as expected it would be required to pass a second parameter of type State to the process() function that has information for the current group and the paging related skip and take properties:

https://stackblitz.com/edit/angular-gv91cl?file=app/app.component.ts

The essential parts are highlighted below:

    public groups: GroupDescriptor[] = [{ field: 'Category.CategoryName' }];

    public state: State = {skip: 0, take: 10, group: this.groups};  
...
 private loadProducts(): void {
        this.gridView = process(products, this.state);
    }

I hope that helps. Please provide some more details describing the undesired behavior in case further assistance is required for this case. Thank you.

 

Regards,
Svetlin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Murray
Top achievements
Rank 1
Veteran
Answers by
Svet
Telerik team
Share this question
or