Displaying text and radio button using WebDynpro for ABAP

By Raghava Vakada, Mouri Tech Solutions

Development Objectives: 

In this step-by-step documentation 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 Textview and RadioButtonGroupByIndex elements on the view layout and which contains the adding data. This RadioButtonGroupByIndex 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. 

Procedure  

Creating a Web Dynpro Component 

1. Start ABAP Workbench (SE80) and select Web-Dynpro-Comp./Intf. from the available object list.

2. To create a new Web Dynpro component, enter the name ZWD_RB_DEMO for the new component in the selection dialog of the object list, and select Display.

3. In the dialog box that appears, you can enter a description of the new object and select as type Web Dynpro Component. In this dialog you also have the chance to maintain the name of the default window.

 Assign the component ZWD_RB_DEMO to package $TMP. 

4. As a result, you can now see the newly created Web Dynpro component ZWD_RB_DEMO object tree, which contains the objects component controller, component interface (which contains the entries interface controller and interface views) and windows. You can access the objects using double-click.

Creating a new View and Assigning the View to the Window 

5. Click on the Web Dynpro component ZWD_RB_DEMO in the object tree and open the context menu to create a new view.

6. Create a view MAINVIEW

7. The View Editor will be started on the right side of the Workbench window. In order to open the Layout tab and the View Designer, a popup appears asking for user and password for the SAP Web Application Server. Use the same user/password which you used for logon to the SAP system.

8. Save the view MAINVIEW .

After saving the view MAINVIEW, it appears in the object tree of the Web Dynpro component under entry Views. 

9. Now open window ZWD_RB_DEMO by clicking on Windows and double-clicking on ZWD_RB_DEMO. Switch to change mode. 

To continue click here..