Databinding against OData V4 Web Api

[Ralf]

Hello,

i want to consume an OData V4 Web Service and show the data in a Kendo UI Grid.

Ist there any example how to do this?

The OData response format is a little bit different from standard json response.

Thanks in advance

Ralf

[Martin]

Hi Ralf,

In general, all Kendo UI for Angular components are simply representational once and they can function with any back-end as long as the data passed to them is in a supported format. Here you can find all supported formats and an example that uses an OData service (check the northwind.service.ts file):

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

The examples that communicate with a sample OData backend also utilize the Data Query toODataString helper function that transforms the incoming Grid state to an OData4-compatible string.

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

The Kendo UI for Angular Grid is agnostic of where its data comes from, and relies on emitting events containing the necessary information for processing the data (or performing a remote HTTP request):

https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/automatic-operations/

You can either create a data service that will receive the Grid state and will handle the remote HTTP requests and response (that will be eventually consumed by the Grid) or create a custom auto binding directive that will abstract away all data-related operations, e.g. Please check the following article for step by step guidance:

https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/automatic-operations/#toc-custom-directives

I hope this helps.

Regards,
Martin
Progress Telerik