tutorials
OData V4 Tutorial
In this tutorial, we explore the features of OData V4 in OpenUI5. We use an OData V4 service that simulates the entity set People of the TripPin sample service, intercept all requests with a mock server, and progressively build a list/detail application with creation, editing, deletion, filtering, sorting, batch groups, and OData operations.
OData is a standard protocol for creating and consuming data using simple HTTP and REST APIs for create, read, update, delete (CRUD) operations.
We start with an initial app that simply retrieves data from an OData V4 service and displays it as a plain list, and progressively grow it across 11 steps.
:tip:
You don’t have to do all tutorial steps sequentially, you can also jump directly to any step you want. Just download the code from the previous step, and start there.You can view and download the files for all steps in the Demo Kit at OData V4.
Preview
In this Tutorial
The tutorial consists of the following steps. To start, just open the first link — you’ll be guided from there.
- Step 1: The Initial App (🔗 Live Preview | )
- Step 2: Data Access and Client-Server Communication (🔗 Live Preview | )
- Step 3: Automatic Data Type Detection (🔗 Live Preview | )
- Step 4: Filtering, Sorting, and Counting (🔗 Live Preview | )
- Step 5: Batch Groups (🔗 Live Preview | )
- Step 6: Create and Edit (🔗 Live Preview | )
- Step 7: Delete (🔗 Live Preview | )
- Step 8: OData Operations (🔗 Live Preview | )
- Step 9: List-Detail Scenario (🔗 Live Preview | )
- Step 10: Enable Data Reuse (🔗 Live Preview | )
- Step 11: Add Table with :n Navigation to Detail Area (🔗 Live Preview | )
Related Information
- OData Standard Protocol
- OData V4 Reference Services including TripPin
- OData V4 Model (in the OpenUI5 Developer Guide)
- Basic Tutorial on the OData Home Page
License
Copyright (c) 2026 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.