Professional Documents
Culture Documents
Scenario: To create and run a simple WebDynpro Application. We would accept an input value from the user on first screen and display the value entered on the
second screen.
Note: Please refer to the SAP® help for detailed information of the components used in this document.
Procedure:
1. Go to transaction SE80. Please note that there is no separate transaction for creation of WebDynpro application other than SE80.
2. Select “WebDynpro Comp./Intf” from the list (as shown below)
3. Create a new WebDynpro component by the name ZSAPTECHNICAL_DEMO.
4. Right click on the WebDynpro component “ZSAPTECHNICAL_DEMO” and create a view.
In this step, we would be designing the first screen of our application with the following elements:
After dragging and dropping onto the layout, change the text of the “Label” to “Username” in the right side bottom of the window.
Now drag and drop the “input field” onto the layout.
Now click on the Label element created earlier and set the property of “LabelFor” to “INPUT_FIELD”.
Click on “Context”tab. Drag and drop the Node on the right side to the context on the left side.
Click on ‘YES’ for the prompt for the node to copied and mapped.
10. In this step, we would design the second screen of our application.
We would display the value entered on the first screen in an element called “text view”.
Drag and drop the element “Text View” onto the layout.
Click on “Context” tab and map the nodes as in our earlier step.
Now double-click on the element “TextView” to open the properties. For the property “Text”, click on the binding button and select “Name”
11. In this step, we would embed the above created views in the window created in the first step.
c) Embed both the views created earlier. Do not select the view “EMPTYVIEW” which is created by default.
Save and activate the application (When activating, select all the six components related to this webdynpro application. If all six components are
activated, only then your application executes)
Now your application is ready to execute. Lets look at the method of testing this application.