Excel Upload using RAP: Part -2


Introduction

In continuous to the previous blog post (Excel Upload using RAP: Part -1 | SAP Blogs), where I have discussed about the creation of an basic OData service using RAP Model.

This is the second part of 3 blog post series, to develop a solution on uploading data to custom database table using SAP RAP Model using the Fiori Interface.

In this blog post, we will be creating a Fiori Elements application using the tools provided in SAP Business Application Studio (BAS).

Here I will be using the SAP BTP Trial Account for creating this Application


Prerequisites

  • SAP Business Application Studio in your respective BTP Trial Account
  • Basics of using the Fiori Element App Generator Extension

Lets first initialize the Fiori Application using the Fiori App Generator in SAP Business Application Studio –

The below video shows steps invoved in generating the App –


Lets Start !!!

Once the basic app has been generated, then we will be using Fiori Guided Development tools to add an Custom Button “Excel Upload”. Step for adding a custom button to the app –

Step – 1: Right Click on Project Folder, and click on Open Guided Development.

Step – 2: Choose “Add Custom action to a page option”.

Step – 3: Click on Step 1, give an JS function name, this function will be called when you click on the Custom button. and then click on Insert Snippet followed by Next button

Step – 4: in the Step 2 to tab, select the button position, button id & button text and then click on
insert snippet and exit the guide.

Step – 5: After completing the above mentioned in steps, the below method codes will be inserted in the respective place.


Application Preview

Now right click on the project folder to preview the application –

On click of the button, the below popup is getting displayed.


Source Code

GitHub Repo for the Source Code – namas1994/sap-pgms-building-excel-upload: SAP PGMS Building Excel Upload Fiori Application (github.com)


Conclusion

And there you have learned how to create a Fiori Application with a Custom Action Button on the list report.

Thanks for reading this post, I would like to read your thoughts in the comments !!!

In the next blog post, we will be implementing the excel upload logic to the Custom Action Button.