8/6/2019 Creating ALV in Web Dynpro ABAP

1/25

Creating ALV in Web Dynpro ABAP.

This tutorial will give you step by step approach to create an ALV in web dynpro abap.

1. Go to transaction SE80

8/6/2019 Creating ALV in Web Dynpro ABAP

2/25

2. Select object type as Web Dynpro Comp/Intf.

3. Give some name in the below box and press enter.

8/6/2019 Creating ALV in Web Dynpro ABAP

3/25

4. Pop up will come select Yes there.

8/6/2019 Creating ALV in Web Dynpro ABAP

4/25

5. Object as Local object.

8/6/2019 Creating ALV in Web Dynpro ABAP

5/25

6. It will create a new web dynpro component as shown.

8/6/2019 Creating ALV in Web Dynpro ABAP

6/25

7. Double click on the component name and there in the used web dynpro components listAdd SALV_WD_TABLE component as shown in the fig.

8/6/2019 Creating ALV in Web Dynpro ABAP

7/25

8. Go to the component controller and there create one node . give its name and cardinality 0..nAnd in the dictionary structure give the name of some database table.

In the example here I have used Zdealer one custom table that I have created.

After that click on the ADD attribute from the structure . and the fields from the screenThen press enter, attributes will be added to the node.

8/6/2019 Creating ALV in Web Dynpro ABAP

8/25

8/6/2019 Creating ALV in Web Dynpro ABAP

9/25

8/6/2019 Creating ALV in Web Dynpro ABAP

10/25

9. Then give one supply function in the nodes properties.

8/6/2019 Creating ALV in Web Dynpro ABAP

11/25

10.Go to that supply function and write the logic to fill the node.Here I have written simple logic to fill it with all the entries of the table using the select *

Statement.

8/6/2019 Creating ALV in Web Dynpro ABAP

12/25

11.Now go to the interfacecontroller usage created for the used web dynpro comp.There go to context and click on controller usage.

8/6/2019 Creating ALV in Web Dynpro ABAP

13/25

12.There select the component controller from the popup and then map the node Dealer (whichwas created earlier) to the DATA node

8/6/2019 Creating ALV in Web Dynpro ABAP

14/25

8/6/2019 Creating ALV in Web Dynpro ABAP

15/25

8/6/2019 Creating ALV in Web Dynpro ABAP

16/25

13.Go to the view controller of main view there add the UI element ViewContainerUIElement.And save everything.

8/6/2019 Creating ALV in Web Dynpro ABAP

17/25

8/6/2019 Creating ALV in Web Dynpro ABAP

18/25

14.Now go to the window and there right click on the viewcontianer added in the last step andSelect TABLE view of component SALV_WD_TABLE from there.

8/6/2019 Creating ALV in Web Dynpro ABAP

19/25

8/6/2019 Creating ALV in Web Dynpro ABAP

20/25

15.Save everything and activate.

8/6/2019 Creating ALV in Web Dynpro ABAP

21/25

16.Create one application for the component.

8/6/2019 Creating ALV in Web Dynpro ABAP

22/25

8/6/2019 Creating ALV in Web Dynpro ABAP

23/25

17.Right click on the application and test it. Browser will open and show you ALV filled with all theentries of the table (in this case it is ZDEALER).

8/6/2019 Creating ALV in Web Dynpro ABAP

24/25

8/6/2019 Creating ALV in Web Dynpro ABAP

25/25