SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

Part1 – how to test odata service generated by CDS view

Part2 – what objects are automatically generate after you activate one CDS view

Part3 – how is view source in Eclipse converted to ABAP view in the backend

Part4 – how does annotation @OData.publish work

Part5 – how to create CDS view which supports navigation in OData service

Part6 – consume table function in CDS view

Part7 – unveil the secret of @ObjectModel.readOnly

Part8 – this blog

Part9 – cube view and query view

Part10 – How does CDS view key user extensibility work in S4/HANA

Part11 – CDS view test double framework

Part12 – CDS view source code count tool

Part13 – CDS view authorization

During my recent CDS view explore I have experienced several ways of CDS view annotation declaration or generation. I list them in this blog for study purpose.


Approach 1: developer does not declaration explicitly, but backend generates automatically

Take this field for example:

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



I do not declare any display format on this field. It has DATS data type in the backend.

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



When you publish this CDS view as OData service and check its metadata response, you can find the annotation “sap:display-format=Date” is automatically added. Who adds it?

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



Answer: it is added here. Backend framework will automatically add corresponding annotation according to the data type of exposed field.

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



Approach 2: developer adds one style of annotation, and backend framework detects such annotation, and do some conversion

One example of this kind of approach can already be found from tutorial 7 – unveil the secret of @ObjectModel.readOnly


In that tutorial I explained how the annotation defined by developer (@ObjectModel.readOnly: true ) is converted by backend framework into sap:updatable = false.


@ObjectModel.readOnly: true

Z_i_Order_View.posting_date

We can also look into another example. We have use the following annotation “@Consumption.valueHelp: ‘_statusfixedvalue’ ” to assign a value help to field txt04:

@Consumption.valueHelp: ‘_statusfixedvalue’

Z_i_Order_View.txt04,

When framework has scanned the annotation in line 47, it will set flag lv_consumption_vh as true.

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



Base on the fact whether the assigned value help is a consumption or foreign key value help, different element name are put to internal table lt_param_display and finally all the left annotation necessary for value help is generated by framework:

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



And this picture below explains where does each field in metadata response come from. The logic in method _add_value_help is very useful as it teaches us how to create necessary annotation via ABAP code, which we will use later.



SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

Approach 3: developer adds necessary annotation via ABAP code

If you would like to build a drop down list based on a CDS view field like the status field below,

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



it is not just enough to use the annotation “Consumption.valueHelp” in CDS view source code – you would just get a drop down list with technical code of status value displayed. Instead, you must tell Smart template framework to display status description text in drop down list.

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation



In order to archieve it, you must add the following ABAP code in DEFINE method of the MPC_EXT class of your OData service, to tell the framework that the text property for “status_code” is “status_text” by annotation. The usage of such coding to create annotation by ABAP code is learned from method _add_value_help mentioned in approach 2.

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

For details please refer to this blog How to build a drop down list using Smart template + CDS view


Approach 4: developer adds UI related annotation in CDS view which are consumed by UI5 SmartTemplate

All UI related annotation which could be inserted into CDS view source code could be found from SAP help.


Those UI annotations will not be converted by ABAP backend:SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

All UI related annotations could be retrieved via the url below:SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

And in the runtime, Smart-template also uses this very url to retrieve UI annotations so that it can know what styles of UI control the annotated CDS view field must be rendered as.

SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

Conclusion

For approach 1 & 2, they sometimes look mysterious as everything happens under the hood. Fortunately we are in ABAP world and we can debug everything to clarify what confuses us by ourselves



SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation


SAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotationSAP CDS view自学教程之八:SAP Fiori Elements里不同类型的annotation

上一篇:mongodb aggregate多个分组条件


下一篇:MySQL 超新手入门(5) JOIN 与 UNION 查询