Sorting with Observable<GridDataResult>

[Pratap]

The example for the Kendo UI Grid for Angular 2 shows how to implement sorting with an array fed into a GridDataResult as your data source, but what is the correct way to implement sorting when using an Observable as your datasource? I'm able to map my Observable<stuff[]> to a Observable<GridDataResult> but not clear on where to inject sorting in that process.

[Pratap]

Nevermind, it appears to be because the built in orderBy function can't sort my array of custom objects.

[Pratap]

Nope, I definitely still need help with this. No idea what the correct path is to inject sorting mid-stream into an observable data source for the grid.

[Dimiter Topalov]

Hello Pratap,

In general you can use the built-in Angular "async" pipe to display the data from an observable directly in the Grid. Please check out the following examples of sortable Grids retrieving data via a remote data service:

http://www.telerik.com/kendo-angular-ui/components/grid/data-binding/#toc-data-binding-basics

http://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-reactive-forms/

I hope this helps, but if I am missing something, please send us a similar isolated runnable project where the described issue with displaying the sorted data can be observed, so we can inspect it further, and determine what might be causing it. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik