Shulou(Shulou.com)05/31 Report--

This article introduces the knowledge of "how to use SAP WebIDE to create SAP Fiori Elements applications". Many people will encounter this dilemma in the operation of actual cases, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In the New Project menu

Select SAP Fiori Elements for Category and List Report Application for template:

For the OData service consumed by the List Report Application, select the Destination pointing to the ES5 system from the drop-down menu of Service Catalog, and select EPM_REF_APPS_SHOP_SR as a service:

Select the data collection of Suppliers:

OData Collection Select Suppliers:

When everything is in place, run:

See a blank page because we haven't specified more meaningful annotation in the List Report Application:

Create a new annotation file to store our custom comments:

And manifest.json automatically references the annotation.xml we just created:

Create a new annotation:

The annotation type is selected as UI.LineItem:

Create another DataFieldWithURL comment under UI.LineItem:

Add another UI.DataField comment. In this way, two columns appear in the table drawn by Fiori Elements, implemented by UI.DataFieldWithUrl and UI.DataField, respectively.

Add a UI.PresentationVariant comment to implement the sorting function:

Apply UI.PresentationVariant.SortOrder.Common.SortOrder to the Name field:

So the Name field supports automatic sorting:

Through UI.HeaderInfo annotations, we can maintain more user-friendly information:

Maintain the singular and plural forms of HeaderInfo through UI.HeaderInfo 's TypeName and TypeNamePlural, respectively:

The effect is as follows:

This is the end of "how to use SAP WebIDE to create SAP Fiori Elements applications". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.