This document provides instructions for including an ALV (Application List Viewer) table component in a Web Dynpro application to display booking data. The steps are to: 1) Copy an existing component and rename it; 2) Define usage of the ALV component and map its data context to the booking table data; 3) Replace the existing table UI element with a view container displaying the ALV component. Following these steps will allow one to use the ALV table component to display bookings for a selected flight in a Web Dynpro application.

1. 1
Web Dynpro ALV
Exercise
Web Dynpro ALV
Exercise
Chapter: Web Dynpro ALV
Theme: Use the ALV in Web Dynpro for
displaying complex data
At the end of this Exercise, you will be able to:
• Include the ALV table component in your Web Dynpro
components
1 Development Objectives
This exercise has the following objectives:
Use the Web Dynpro ALV in your own component
2 Result
In this exercise, you will use the ALV
table component to display the bookings
of a selected flight.
Template Solution:
Web Dynpro Components: WD_10S_ALV
Application: WD_10S_ALV

2. 2
Web Dynpro ALV
Exercise
Starting Point of this exercise:
Web Dynpro Component: ZWD_##_TABLE_2
or the template solution
Web Dynpro Component: WD_05S_TABLE_2
Group number: ## stands for the two-digit group number
3 Developing
3-1 Copy Web Dynpro Component
Copy your Web Dynpro Component ZWD_##_TABLE_2 or the template
solution WD_05S_TABLE_2 to the name ZWD_##_ALV.
In this component you will replace the Table UI element with the WD
ALV.
3-2 Define the usage of the ALV component
Define a new Component Use for the SALV_WD_TABLE component.
Map the DATA context node of the ALV table component to the
BOOKINGTAB node of your component by external context mapping.
3-3 Replace the Table UI element with the ALV
Delete the table UI element which shows the bookings in your component and
replace it with a View Container UI element that displays the ALV.