Hi, I provide training in SAP UI5. Also feel free to checkout my new web page https://saptechblog.com
Webdynpro ABAP

Service Call



With the help of the service call function it is possible to call an existing function module from within a Web Dynpro component.


To simplify the creation process we have an wizard. Using the wizard automatically creates the required context elements and the methods that call the function module with required parameters  in the controller we choose.


Refer to sap link:



A Simple Example

You wish to read data from a database table and display it in a view with the help of an existing function module. For this purpose, you have created a service call for the function module in your Web Dynpro component. The global controller that you have chosen or created during the creation procedure now contains the required context nodes and attributes as well as a method for calling the function module.




Now let us see an simple example of creating a service call.


Scenario: I have a remote enabled function module BAPI_FLIGHT_GETDETAIL which will return me the availability of the seats for the airline given the inputs like airline id, connection id and flight date. I want to make use of this function module in my webdynpro component. Lets see how to create a service call for this function module.



The interface of the function module is as below. It get the importing parameter airline id, connection id and flight data and return the availability of seats.





Step 1: Go to the Tcode SE80 and create a webdynpro component.



Assign the component to the package or save it in the local object.


Step 2: Right click on the component and choose service call to start the wizard for service call.




Wizard for the service call will be opened. Click on continue it will ask for the controller.




Choose the radio button use existing controller and select the component controller using f4 help. This step is to choose the controller where you wanted the nodes and method to be created. If you want you can create a new controller and assign the nodes and methods there.






Select the service type as function module as we wanted to get the functionality of the function module . We can also create a service call for the methods of the class.





Enter the name of the function module and click on continue. This step is to provide the name of the function module for which you want the attributes nodes or method to be created. Provide the destination name if this RFC is to be called from another server.





Choose the object type as the context so that context node will be created in the controller.  Do the same for all importing parameter airline id, connection id and flight date and exporting parameter availability.





Specify the name for the method to be created and  click on continue.






Click on complete to complete the wizard.





In the context tab of the component controller you will now be able to see the context nodes created.





In the methods tab of the component controller you will see the method created with the functionality inside it. It will get the value of the importing context node and pass it to the function module and get the result and bind it back to the exporting parameter.







Step 3: Go to the context tab of the view controller and drag and drop the nodes generated in the component controller to make the node accessible to the view controller.








Step 4: Go to the layout tab of the view controller and create the UI elements to get the input and

display the output.


Click on the code wizard to generate the layout using the wizard.




Select the form and press enter to continue.




Choose the node importing form the context and select the checkbox to create the ui element in the new container and select the layout as matrix layout.






Layout will be created as below.





Step 5: Create a button UI element and an action for the button UI element.




Enter the text for the button and create an action for the button UI element.





Step 6: Choose the code wizard again to set the output table.




Select the table and click on continue.




Choose the context node exporting and the cell editor as text view and press enter.




Table will be created as below in the layout.








Step 7: Go to the action for the button UI element and call the method created in the service call using the instance provided in the view controller to call the component controller objects.





Save and activate the whole component.


Step 8: Create an webdynpro application to test the component.









Enter the input details and click on get details button to see the output.







About Arun


  1. I suggest give another example except flight details example


Powered by Blogger.