Hi everybody. As Web Dynpro evolves, so does ABAP programmers’ interest over it. I keep receiving emails from professionals that want to start hands-on towards ABAP Web Dynpro but, mainly due to day-to-day engagement on their projects, they can’t start and end up delaying it.

My suggestion is whenever you have 30 minutes, start from the Basics and build your knowledge starting from here. In this post I include links to 7 basic tutorials and explanations, linking to SDN files, hoping they will help anyone wanting to start on ABAP Web Dynpro.

1 – Create a Simple Web Dynpro Application

In this step-by-step tutorial you will create a simple Web Dynpro component, which consists of one view. For the view, you will create a view context, which is linked to a table element on the view layout and which contains the data from table SFLIGHT. This table will be displayed in the browser at runtime. Furthermore, you will create a Web Dynpro application for this simple Web Dynpro component, which can be run in the browser.

Author(s): SAP AG

2 – BAPI Usage

This exercise demonstrates the usage of BAPIs and how to implement a view with input fields and a result table.

Author(s): SAP AG

3 – Navigation

This tutorial demonstrates how easy it is to navigate between different views of the same Web Dynpro Application. It is shown by extending tutorial Web Dynpro for ABAP – BAPI Usage with additional view in order to display a message in the case that no flights are available for a particular start and destination combination. Of course, you will be able to return back to search for a new combination.

Author(s): SAP AG

4 – Display Bookings for Selected Flights

In this tutorial, the BAPINAV component from Web Dynpro for ABAP – BAPI Navigation tutorial will be further enhanced to display a list of bookings for a selected flight. The context which contains the flights information will be enhanced with a sub node for the corresponding bookings. We will also show how the booking information is retrieved in a so called supply function and the context node bound to a new table UI element in the Main View.

Author(s): SAP AG

5 – Component and Application Configuration

In Tutorial 3 you enhanced the Web Dynpro flight sample with a navigation to a separate view including a message for the case where no flights are found for a given search query. But some of your customers might prefer the former solution where the empty result table is displayed instead of jumping to a new view.

One possibility would be to have two slightly different Web Dynpro components. But it would obviously be better to have just one Web Dynpro component which can be configured somehow to behave in one or the other way. You can imagine that a real life application can have several such switches or parameters to steer the behavior of such a flexible application.

Therefore, Web Dynpro provides several techniques, such as configuration, personalization, or customization, in order to modify the UI or the navigation path of a delivered Web Dynpro application or component at the customer’s site.

This tutorial shows how to implement such a configuration for this simple example with two different possibilities to handle the case of no found flights.

Author(s): SAP AG

6 – Component Usage

Prerequistes are Tutorial 3 – Navigation and Tutorial 4 – Display a list of bookings for a selected flight.
Just to review back Tutorial 4, we created a context Flight_List which contains the flight information and it was advanced with sub-node BOOKINGS for the corresponding bookings. Automatically, the booking information was retrived in a new table (using supply function) which shows a list of bookings for a selected flight.

Author(s): SAP AG

7 – Column Coloring in ALV

The article aims to help the professionals who have only ABAP knowledge and passion to develop their Web Dynpro knowledge in ABAP. This article provides the knowledge for understanding ALV in Web dynpro and coloring a column in ALV.

Author(s): J.Jayanthi

This SAP tutorial shows the way users can use the Assistance Class and Message Class to create Multilanguage massages and the use of UI Elements: PhaseIndicator, LinkToAction, ViewConteinerUIElement, MessageArea, DropDownByKey, InputField, Lebel, Group, HorizontalGutter, TransparentConteiner and ABAP Dictionary Repository Objects: Domains and Data elements.

Please click on the following link to access tutorial Messages internationalization with Web Dynpro ABAP.

No related posts found