Skip to Content
Technical Articles
Author's profile photo Amit Diwane

SAP ABAP Programming Model for FIORI- List Report Application (Part 3)

Hello All,

This is third and final blog of this series. If you directly landed here I will suggest you to refer the first two blogs before starting with this.

SAP ABAP Programming Model for FIORI- List Report Application (Part 1)

SAP ABAP Programming Model for FIORI- List Report Application (Part 2)

So now we are at final step and I know you all are excited to see the Final Fiori App so let’s quickly start with it.

To create the List Report Fiori Application based on our CDS Views we need to login to the SAP WebIDE Account.

Follow the below steps as mentioned here:

  • Right click on the workspace folder and navigate to ‘Project from Template’

  • In the next screen under the ‘Fiori Elements’ Category select the List Report Application

  • You can pass below details in the next screen

  • In the next screen select your backend system (Shown in Red) from the dropdown under ‘Service Catalog’. Give the SPFLI Consumption CDS View Name in the below search bar and select it.

  • In the next screen it will automatically fetch the annotation file from the view. Just click on next button here.

  • Here select the OData Collection to SPFLI View and it will take the OData Navigation and SubNavigation on it’s own.

  • Now on the final screen you need to confirm to create a project and click o ‘Finish’ Button

 

The Project will get added to the WorkSpace. To execute it select the Project Folder and click on the highlighted icon or right click on the folder–>Run–>Run as Web Application:

 

 

 

 

 

 

 

 

 

In the next screen it will launch the Fiori Launchpad.

Click on the Application Tile. It will ask for the backend system credentials.

The Initial App screen will look as below:

 

If you want to give some filter condition you can give it in filter bar and click on the ‘Go’ Button and your App is ready.

 

I hope you all have liked this. If you have any suggestion please comment it below.

Thanks,

Amit Diwane

Assigned Tags

      5 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Kenneth Moore
      Kenneth Moore

      Excellent tutorial!  Well done!

      Author's profile photo Amit Diwane
      Amit Diwane
      Blog Post Author

      Thanks Kenneth.

      Author's profile photo Bharat Bajaj
      Bharat Bajaj

      Excellent Blog Man. Thanks a lot for sharing ?

      Author's profile photo Syambabu Allu
      Syambabu Allu

      Great Blog Series Amit.

      Thank you,

      Syam

      Author's profile photo Jayanta Choudhuri
      Jayanta Choudhuri

      Superb example and most comprehensive.
      Thanks a million.

      One small but significant issue remains manly as I am newbie.
      You wrote Here select the OData Collection to SPFLI View and it will take the OData Navigation and SubNavigation on it’s own.

      I do not see subnavigation to_currencyValueHelp

      Using the App esp edit and create does show F4 Help for currency
      So must be a new WebIde feature that takes care of Currency association?

      Th link below VERY useful
      Unless one converts and calculates just Currency LOV useless
      https://blogs.sap.com/2019/07/11/currency-and-unit-conversion-in-abap-cds-views/

      Thanks
      Jayanta