Skip to Content

Integrating ALV in the Web Dynpro for ABAP(WDA ) application

This weblog explains you the Simple Call without the ALV Configuration model.


ALV in WDA is a flexible tool used to display lists and tabular structures. The tool provides common list operations as standard functions and can be enhanced by self-defined options. This allows you to use the ALV in a large range of application programs. For the end user, the standard output consists of a toolbar, a header, and the output table. The user can change and make settings for the column display, more complex sorting options, aggregations, and so on by using the additional dialog box. As the developer of the application, you have various options to define the appearance, function,and run-time behavior of this ALV output. You can also use the ALV component. You include this component in the component of your application (as with all other predefined components). You have all the means,therefore, to provide the user of your application with a powerful tool for displaying lists.

A developer can call the ALV in the most important ways/Scenarios which are following:

1. Simple call without ALV configuration model Developer can only display the output with out making any changes 2. Simple call with ALV configuration model If we want to change the standard output using your application.To do this you require the ALV configuration model 3. ALV output in external view without ALV configuration model ALV output is just one element of many in a view. You do not want to change the ALV output. You do not need the ALV configuration model. 4. ALV output in external view with ALV configuration model ALV output is just one element of many in a view. You want to change the standard output using your application. To do this you require the ALV configuration model.


Developer must perform the following (ALV-independent) steps for all the above listed scenarios: 1. Generate a web Dynpro component for your application and save it as active. For a detailed description of how to create a component, refer to step 1 in the tutorial Creating Your First Web Dynpro Application. 2. Generate a context node with the cardinality 0…n. The structure of the attributes in this context node (name and data type) and the structure of the internal data table that you connect to this context node in the next step match.Creating Your context. 3. Connect your internal data table to the context node (for example, using the supply method). In doing so, you use the method BIND_TABLE from the interface IF_WD_CONTEXT_NODE.Refer this link 4. Provide the DATA context node in the ALV interface controller with your application data using External context mapping.

Process Flow for Simple call without ALV configuration model

When the prerequisites listed above are satisfied, the procedure continues as follows(depending on the objective). 1. You define a component usage for the ALV component SALV_WD_TABLE in your applicationcomponent. In doing so, you specify a name for the component usage.Component Usage for the ALV Component. 2. You embed the TABLE view of the ALV component SALV_WD_TABLE into a window of your component.

Step by Step procedure:

Step1 : Generate a webdynpro Component Called “Z_Simple_alv” and activate it. image while activating Select all the objects of the component “Z_Simple_alv” and activate it. image Step2 : Create node “FILL_FLIGHT_TAB” based on dictionary structure “SFLIGHT” in the context of the component controller. Set the cardinality to 0..N. Click on button Add Attribute from Structure and choose the required fields . image image Step3 : Create the Supply Function called “GET_FLIGHT_DATA” in the context node properties.Double click the supply function and image copy and paste the following code in the supply function “GET_FLIGHT_DATA”. Step4 : Create a view called “V_ALV” and then insert/create the view container element and name it as “V_CONTAINER_ALV” image image Step5 : Define the Component usage for the ALV Component “SALV_WD_TABLE” in our application component “Z_Simple_alv”.Give the name as “Simple_ALV” in the component use column. image Now you can see the componenet usages in the object list and click the “INTERFACECONTROLLER_USAGE”. image Click the create controller usage button image image For doing the External mapping from the component controller you just drag the context node “FILL_FLIGHT_TAB” and drop into “DATA” node of the interface controller. Before Mapping you can see the “DATA” context node contains single arrow image After Mapping you can see the “DATA” node contains Double arrow image Step6 : Click the Window “Z_SIMPLE_ALV” in the object list and choose the Window tab.Then drag the view “V_ALV” and drop into the window “Z_SIMPLE_ALV”. image Step7 : Now yo can see the “V_ALV”view contains the “V_CONTAINER_ALV” view container. image Step8 : Right click the view container and select “Embed View” .A popup will be shown and Click the “F4” help of the view to embedded and select the “Table” . image image Step9: Finally create the Web Dynpro Application and Test the application You will get the following output. image Helpful links: Integration of the ALV in Your Application

1 Comment
You must be Logged on to comment or reply to a post.
  • Hello,
    I wonder how does the Export to excel button work. Is any code needed? Or is it some kind of standard? What is the result? Does that look like the AVL Excel in place in SAP GUI? Or it is not formatted simple output?