Skip to content

Commit c010d4e

Browse files
authored
Merge pull request #22 from SAP-samples/geomap
chore: added ex6 with mdc.geomap
2 parents 780f77e + 7606ee6 commit c010d4e

22 files changed

+14895
-1
lines changed

README.md

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# UI5 MDC Tutorial
22
[![REUSE status](https://api.reuse.software/badge/github.com/SAP-samples/ui5-mdc-json-tutorial)](https://api.reuse.software/info/github.com/SAP-samples/ui5-mdc-json-tutorial)
33
## Description
4-
In this tutorial, we will cover some key concepts involving metadata-driven controls (MDCs). This includes understanding control delegates, PropertyInfo, table, FilterBar, value help, TypeMap, and VariantManagement. The implementation will be based on a JSON model and is based on our official [Demokit Sample](https://sdk.openui5.org/entity/sap.ui.mdc/sample/sap.ui.mdc.demokit.sample.TableFilterBarJson). After completion, we should be able to leverage the full potential of the MDC concepts in our own projects.
4+
In this tutorial, we will cover some key concepts involving metadata-driven controls (MDCs). This includes understanding control delegates, PropertyInfo, table, Geomap, FilterBar, value help, TypeMap, and VariantManagement. The implementation will be based on a JSON model and is based on our official [Demokit Sample](https://sdk.openui5.org/entity/sap.ui.mdc/sample/sap.ui.mdc.demokit.sample.TableFilterBarJson). After completion, we should be able to leverage the full potential of the MDC concepts in our own projects.
55

66
>ℹ️ This version of the tutorial uses TypeScript. You can still find the JavaScript version [here](https://github.com/SAP-samples/ui5-mdc-json-tutorial/tree/javascript), but that one will not receive any more updates or additions. We recommend using sap.ui.mdc with TypeScript.
77
### Metadata-Driven Controls
@@ -20,12 +20,21 @@ The TypeMap is used for defining custom types in our MDCs. If the standard types
2020
### VariantManagement and Personalization
2121
VariantManagement is a feature that allows users to save their personalization settings. This can include things like the layout of a table, filter conditions in a FilterBar, or others. These settings can then be loaded later, allowing users to customize their experience and increase their productivity.
2222
## Exercises
23+
### Unit 1:
2324
0. [Setup the Project on Your Machine](u1/ex0/) (*[browse sources](u1/ex0/webapp) - [run app](https://sap-samples.github.io/ui5-mdc-json-tutorial/u1/ex0/dist)*)
2425
1. [How to Use the MDC Table](u1/ex1/) (*[browse sources](u1/ex1/webapp) - [run app](https://sap-samples.github.io/ui5-mdc-json-tutorial/u1/ex1/dist)*)
2526
1. [How to Use the MDC FilterBar](u1/ex2/) (*[browse sources](u1/ex2/webapp) - [run app](https://sap-samples.github.io/ui5-mdc-json-tutorial/u1/ex2/dist)*)
2627
1. [How to Build Advanced Value Helps](u1/ex3/) (*[browse sources](u1/ex3/webapp) - [run app](https://sap-samples.github.io/ui5-mdc-json-tutorial/u1/ex3/dist)*)
2728
1. [How to Add Custom Types](u1/ex4/) (*[browse sources](u1/ex4/webapp) - [run app](https://sap-samples.github.io/ui5-mdc-json-tutorial/u1/ex4/dist)*)
2829
1. [How to Enable VariantManagement](u1/ex5/) (*[browse sources](u1/ex5/webapp) - [run app](https://sap-samples.github.io/ui5-mdc-json-tutorial/u1/ex5/dist)*)
30+
31+
### Unit 2:
32+
1. [How to Use the MDC Geomap](u2/ex1) (*[browse sources](u2/ex1/webapp)*)
33+
34+
> [!CAUTION]
35+
> [How to Use the MDC Geomap](u2/ex1) - This package is provided under the terms of the [SAP Developer License Agreement](https://tools.hana.ondemand.com/developer-license.txt).
36+
37+
2938
## Requirements
3039
### Technical Requirements
3140
* A current version of [Node.js](https://nodejs.org/) (preferably 18+)

u2/ex1/.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/node_modules/

u2/ex1/ex1.png

411 KB
Loading

0 commit comments

Comments
 (0)