Google+ Facebook Twitter MySpace SC

WEB DYNPRO FOR ABAP/JAVA


WebDynpro for ABAP

Building a simple application

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. 
 Assign it to the local object. 
4.      Right click on the WebDynpro component “ZSAPTECHNICAL_DEMO” and create a view.

Displaying text and radio button using WebDynpro for ABAP


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.
 
  1. 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.
 
  1. In the dialog box that appears, you can enter a description of the new object and select as typeWeb Dynpro Component. In this dialog you also have the chance to maintain the name of the default window.

Implementing Enhancements in a view


“In this tutorial, I would like to explain about Implementing Enhancements in a Webdynpro View. If you do not wish to display certain UI elements that exist in the layout, you can suppress such elements in your enhancement. The Enhancement can be created using the SAP standard webdynpro applications and custom applications. In this tutorial I am doing enhancement in custom application that should be in display mode and simply select the respective UI element and then choose its context menu entry Remove Element”. 
In this demo, I am executing a WebDynpro application that already exists.  
 
The application having two images result shown below  
 
Get back to the Webdynpro component and select the “Layout” in the view for UI enhancement and you can observe two different Groups in the “RootElementContainer”.                      ContinueReading


Creating a WebDynpro ALV Application in 30 easy steps


1.1     Background

More and more Web based applications are being used for different business processes. Enterprises use the web-based applications in order to expand their clientele and suppliers in a cost-effective way. Even in the ERP space there has been a paradigm shift from creating generic system based applications to creating more universal applications to make it easy to maintain and for better interaction with other systems.
The SAP Web Dynpro is based on a model driven framework. It is platform independent and defines a standard structure for UI of applications. Web Dynpro applications are based on Model View Controller (MVC) design.

1.2    Pre requisites:

To be able to use this document, one has to be familiar with WebDynpro for ABAP and must have created an ALV application using Web Dynpro.
PURPOSE: SAP has come up with a lot of tutorials and e-learning documents to train beginners in this new UI technology. Based on my experience, I am presenting herewith, certain additions to those. There are code snippets and examples for functionalities, which are usually desired by the clients in Web Dynpro reports.

The ALV application:
Create a web dynpro application with ALV component in it.
         
Step 1: Open transaction SE80 and from the drop down list select WebDynpro Component.

Step 2: Enter the application name (Here ZSAM_TEST).
ContinueReading










No comments:

Post a Comment