What is Web Dynpro in SAP? | Guide For Functional Consultants (2023)

What is Web Dynpro in SAP? | Guide For Functional Consultants (1)

What is Web Dynpro in SAP?

Web Dynpro is basically a web application technology. When you hear Web Dynpro, you can associate it to web based applications or portals. This is mostly used for its declarative user interface feature. An example would be business users or approvers who do not need to explicitly access SAP. Rather, they are able to utilize a portal (Web Dynpro) to work on related tasks. Any sort of transactions done on the portal is expected to reflect in SAP.

Web Dynpro for Functional Consultants

In some cases, SAP Functional Consultants may need to do some analysis on Web Dynpro Applications whether it be to analyze the feasibility of building on top, anew, or to simply understand the functionalities behind it.

In this post, we will be covering some basic ways to search for tables and methods used in Web Dynpro.

Note that it helps to have a basic background on programming language/s. If there is totally no programming (or even scripting) background and you are stuck on how to interpret the code, seeking help from an ABAP-er will be much helpful.

  1. Find The Web Dynpro Application / I Do Not Know The Web Dynpro Application
  2. I Know The Table Name but I Do Not Know the Web Dynpro Application
  3. How to Find The Table Used in Web Dynpro Application

Here is an overview of the helpful Transaction Codes and Tables:

(Video) Debugging Web Dynpro Applications

TABLEWDY_APPLICATIONWeb Dynpro: Application
TABLEWDY_COMPONENTWeb Dynpro: Component
TCODESE11ABAP Dictionary
TCODESE80Object Navigator / ABAP Development Workbench
TCODESE16NGeneral Table Display

1. Find The Web Dynpro Application / I Do Not Know The Web Dynpro Application

In some cases there is a lack of documentation so if you are unsure of the Web Dynpro Application you need to analyze, you can try doing the options below.

  • SE16N > WDY_APPLICATION > Wildcard Search
  • SE16N > WDY_COMPONENT> Wildcard Search
  • SE80 > Wildcard Search

Remember that it is assumed that you have at least some keywords that fit the Web Dynpro application you are searching for. For this example, we are trying to locate a Web Dynpro Application that deals with Time so our wildcard search will be *time*.

SE16N > WDY_APPLICATION > Wildcard Search

Go to Transaction Code SE16N, Enter the Table Name WDY_APPLICATION, then do a Wildcard Search.

What is Web Dynpro in SAP? | Guide For Functional Consultants (2)

The results should be seen in the search results where you can use the Web Dynpro Application names to search via SE80. In most cases, I find that this table is able to provide what I am looking for.

What is Web Dynpro in SAP? | Guide For Functional Consultants (3)

SE16N > WDY_COMPONENT> Wildcard Search

Similar to the example above, you can go to Transaction Code SE16N, Enter the Table Name WDY_COMPONENT, then do a Wildcard Search.

(Video) SAP Floorplan Manager for Web Dynpro ABAP (FPM)- Introduction and Overview_1

What is Web Dynpro in SAP? | Guide For Functional Consultants (4)

The results should be seen in the search results where you can use the Web Dynpro Component names to search via SE80.

What is Web Dynpro in SAP? | Guide For Functional Consultants (5)

SE80 > Wildcard Search

You can use this even without doing the options above but if you have a Web Dynpro Application Name in mind, you can enter it in the search field later on.

Go to Transaction Code SE80, Click on Repository Browser, and Select Web Dynpro Comp./Intf. from the drop down (highlighted in red). From there you can do a wildcard search in the search field (highlighted in blue).

Usually, upon typing the wildcard search you should see the available selections right below (highlighted in purple).

What is Web Dynpro in SAP? | Guide For Functional Consultants (6)

If you know the Web Dynpro Application name, simply key it in and press enter. You should see it being populated under the Object Name Area below.

You can traverse the Web Dynpro Applications and Double Click on your Selection

What is Web Dynpro in SAP? | Guide For Functional Consultants (7)

To test the Web Dynpro Application, simply click on the Test/Execute button or F8 on your keyboard. A pop-up should occur for your use.

(Video) Web Dynpro ABAP Online Training-Session1

What is Web Dynpro in SAP? | Guide For Functional Consultants (8)

2. I Know The Table Name but I Do Not Know the Web Dynpro Application

SE11 > Table Name > Where Used List > WebDynpro Application

If you know the Table Name and are trying to find the corresponding Web Dynpro Application, Go to Transaction Code SE11, Enter the Table Name, then Click on the Where Used List Button (highlighted in red).

What is Web Dynpro in SAP? | Guide For Functional Consultants (9)

You should see a similar screen below where you can Select Web Dynpro Component to filter your search. Click on the green Check button to proceed.

What is Web Dynpro in SAP? | Guide For Functional Consultants (10)

Results should look something like this where you can find the Web Dynpro Application or Component (highlighted in pink) for your use in SE80.

What is Web Dynpro in SAP? | Guide For Functional Consultants (11)

Tip: you can also double click on the search result line to pull the specific line of code that calls this table.

What is Web Dynpro in SAP? | Guide For Functional Consultants (12)

3. How to Find The Table Used in Web Dynpro Application

In the example below, I will be doing a quick run-through on how to find the table used in the Web Dynpro Application. Let us assume that we are looking for the table used for a dropdown that is being displayed in Web Dynpro.

(Video) Web Dynpro ABAP Online Training - Session2

Go to Transaction Code SE80, Click on Repository Browser, and Select Web Dynpro Comp./Intf. from the drop down. Enter the Web Dynpro Application in concern then press Enter on your keyboard.

What is Web Dynpro in SAP? | Guide For Functional Consultants (13)

Expand the Views area and locate the Main View or View you are looking for (where the drop-down is seen). Go to the Methods Tab and locate Method WDDOMODIFYVIEW (highlighted in black). Double click on this Method.

What is Web Dynpro in SAP? | Guide For Functional Consultants (14)

Your screen should now show the code behind Method WDDOMODIFYVIEW.

What is Web Dynpro in SAP? | Guide For Functional Consultants (15)

At this point, you can do a Ctrl+F to find the chunk of code that does the drop-down loading. Enter the keyword “load” or “drop-down” or anything you find suitable then click on the Find Next Button to traverse the code. Usually, you can find some comments in the code or the variable/method names should contain keywords of “load”.

What is Web Dynpro in SAP? | Guide For Functional Consultants (16)

If you find what you are looking for, double click on the load method to traverse its code.

What is Web Dynpro in SAP? | Guide For Functional Consultants (17)

From here you should see the code calling tables or even a query (highlighted in yellow) that generates the dropdown selection.

What is Web Dynpro in SAP? | Guide For Functional Consultants (18)

You can also double click on the table (highlighted in orange) that is being called to trigger a Database View where you can view the associated table fields.

For my case, I find that by going to the “Table/Join Conditions” Tab, I am able to get a clearer picture of the conditions that need to be met for the drop-down selections.

(Video) Web Dynpro ABAP - Session5

What is Web Dynpro in SAP? | Guide For Functional Consultants (19)

I can now check on these tables (as seen on the left-hand side) in SE16N to cross reference and further analyze.

SUMMARY

  • SE16N > WDY_APPLICATION > Wildcard Search
  • SE16N > WDY_COMPONENT> Wildcard Search
  • SE80 > Wildcard Search
  • SE11 > Table Name > Where Used List > WebDynpro Application
  • SE80 > WebDynpro Search and Selection > Views > MainView > Methods Tab > WDDOMODIFYVIEW > Find Key Words / Traverse

I hope this helps. Goodluck! 😊

FAQs

What is meant by Web Dynpro in sap? ›

Web Dynpro (WD) is a web application technology developed by SAP SE that focuses on the development of server-side business applications. For modern releases (for instance as of NetWeaver 750, software layer SAP_UI) the user interface is rendered according to the HTML5 web standard.

How do you debug Web Dynpro application step by step? ›

  1. In the menu, choose Utilities Settings... .
  2. Choose the parent tab page ABAP Editor. ...
  3. Under Editor, select the option Front-End Editor (new).
  4. Switch to the Debugging tab page.
  5. Under ABAP Debugger, select the option New Debugger.
  6. Save your entries.

What do we place by creating a Web Dynpro application? ›

To create a Web Dynpro application, we will create a Web Dynpro component that consists of one view. We will create a view context → linked to a table element on the view layout and contains the data from the table. The table will be shown in the browser at runtime.

What is Web Dynpro component? ›

A Web Dynpro component is a reusable entity. It summarizes all components that are required as part of this programming unit for an executable Web Dynpro application. The Web Dynpro component concept offers a number of advantages: Structuring the programming. Creation of easily manageable application blocks.

How do I run a Web Dynpro application in sap? ›

Navigate in transaction SE80 to the required Web Dynpro application and open it. The application is started with URL parameter sap-config-mode=X. To start a Web Dynpro application in customizing mode on the SAP NetWeaver Portal, it is sufficient to start the application in preview mode.

Where is the Tcode for Web Dynpro application? ›

Calling Web Dynpro Application from Custom Tcode
  1. STEP2: Run Tcode SE93 and give the name transaction of the ZBOOK_TICKET.
  2. Then click [create] it prompt a screen provide description and select the Transaction With Parameters(parameter Transaction).
  3. Then continue and provide the following values.
3 May 2013

Can you Create a Tcode code for Web Dynpro application? ›

To Create a Transaction code for a Web Dynpro application, use Transaction SE93 (Transaction Maintenance). 1. On the dialog screen, enter the transaction code (up to 20 characters) then click on Create button.

How do you refresh ALV in Web Dynpro ABAP? ›

In ALV, to refresh the table you have to call the method "refresh_table_display". It has the syntax very similar to creating the table.

How many component controllers can a Web Dynpro component have? ›

When you create a Web Dynpro component, the creation procedure creates a component interface. Each component interface contains exactly one interface controller and one interface view.

How many types of floorplans are there in Web Dynpro? ›

There are three types of floor plan in Webdypro.

How do I check Web Dynpro? ›

To check fully qualified domain name, go to Web Dynpro explorer in the ABAP development environment use T-code − SE80 and select the Web Dynpro application from the navigation tree for your Web Dynpro component/interface and check the URL in the administration data.

What are the various types of layouts available in Web Dynpro? ›

Layout Basics
  • The following layout UI elements are available for arranging the UI elements in a view: ...
  • A FlowLayout sequentially arranges the container children. ...
  • A MatrixLayout arranges the container children in a tabular format. ...
  • A RowLayout has a similar behavior to the MatrixLayout.

How do you call a Web Dynpro URL? ›

method onactioncall_url . data: window_manager type ref to if_wd_window_manager, api_component type ref to if_wd_component, lo_window type ref to if_wd_window. api_component = wd_comp_controller->wd_get_api( ).

How do you call a method in Web Dynpro? ›

But I am going to demonstrate how we can achieve it.
  1. Create a component.
  2. Create 2 views in my example: V_ITS and V_ITS_POPUP. ...
  3. Create event in component controller.
  4. Create a method(GET_EVENT) in component controller: ...
  5. Now goto the second view where the calling method exists. ...
  6. Create the caller event below:
29 Sept 2014

How do I upload files to Web Dynpro ABAP? ›

Uploading Excel files using WebDynpro
  1. Double-click on the View. ...
  2. Create a node as shown below:
  3. Create attributes for the DATA_TAB node like below.
  4. Double click on View. ...
  5. Insert Element Button. ...
  6. Create a new action for button.
  7. Insert an Element TABLE and do binding by right clicking on it and select Create Binding.

Which of the following controllers are used in Web Dynpro? ›

The interface controller is used for cross-component communication. It defines the controller part of theinterface of a Web Dynpro component.

How do I copy a Web Dynpro component in sap? ›

Procedure
  1. In the Project Explorer view, select an ABAP project.
  2. In the context menu, choose any of the following options: choose Copy to perform the copy and the paste actions in separate steps. ...
  3. Select a Web Dynpro object to paste the copied object.

How do I make a table editable in Web Dynpro? ›

This document helps how to make selected row of table editable in Web Dynpro ABAP.
...
  1. Step 1: Create a Web Dynpro Component.
  2. Step 2: Data Binding. Go to the Context tab of Main View and create a node FLIGHT.. ...
  3. Step 3: Layout Design. Now Go to Layout tab, and click on Web Dynpro Code Wizard( magic symbol button).
19 Apr 2012

How do I insert an image into Web Dynpro? ›

uploading a image
  1. Creating a Web Dynpro Component .
  2. Right click on object name and create->mime object->import.
  3. Select the logo and save it.
  4. Click on mainview and in the layout select ROOTUIELEMENTCONTAINER right click on it and select insert element and choose image as type.

How do you make a column editable in ALV Webdynpro? ›

Create Web Dynpro Component and add alv in used component in web dynpro component. Create node in context of the component controller. In node one of the EDIT attribute should be type WDY_BOOLEAN. Copy and map context node MARA and from the component controller's context to the context of view as shown below.

How do you debug ALV reports? ›

Yep, you can either set a break point at point at which you wish to debug, or type "/h" in the command box in the upper left hand corner and then execute the code...

How do you refresh a module pool screen in ABAP? ›

PERFORM First . PERFORM GetGridData . PERFORM RefreshALV . " >>> Need Screen Refreshed right here PERFORM Print .

How is data shared between Web Dynpro controllers? ›

There are 2 correct answers to this question Every Web Dynpro controller has one Context Data is transferred from one Context to another by firing plugs Data is shared between controllers through Context mapping Every Web Dynpro controller has multiple Contexts.

What is the length of dynpro? ›

Since a dynpro field may not exceed 132 characters of length, only up to 132 characters or bytes of a character string or byte string may be transported to the dynpro.

How many assistance classes can a Web Dynpro component have? ›

A web dynpro component will have only one assistance class and it is defined at the component level as per the screenshot below. The assistance class is automatically instantiated when a component is called.

Which method is called before displaying the view in Web Dynpro? ›

WDDOINT - This method would be called only once , i,e during the initialization of the view.

What is the difference between BSP Web Dynpro and SAPUI5? ›

(1) Is Webdynpro plays role like Servlets and JSP for middle ware programming. (2) IS UI5 is replacement of Webdynpro. (3) or UI5 is only a like front end programming like HTML,CSS,JAVASCRIPT etc. SAPUI5 is a replacement for WebDynpro when it is concerned to web based frontend development.

What are the 4 basic layout types? ›

There are four basic layout types: process, product, hybrid, and fixed position. In this section we look at the basic characteristics of each of these types. Then we examine the details of designing some of the main types.

What is assistance class in Web Dynpro? ›

Assistance class can store the coding that is required in a component but is not linked with the layout. You can store dynamic text in assistance class, text combined at run time or contains variable that can be stored in the text pool.

Which method is used to read the contents of a table in Web Dynpro window? ›

Give the reference to the table which you want to have use method get_selected_elements for the node which is declared above to fetch the data .

How do I add a button in Web Dynpro? ›

li_action_line-visible = cl_wd_uielement=>e_visible-visible. APPEND li_action_line TO et_action_definition. This will automatically add the event in your GUIBB config where you can add a button to it at config level.

What is data binding in Web Dynpro? ›

In Dynpro application, you can define mapping between two global controller contexts or from the view context to the global controller context. Data binding of a UI element property is set up in the view layout. For this purpose, you use the Binding column in the properties table of the embedded UI elements.

Which browser supports Web Dynpro? ›

Web Dynpro ABAP discontinues Internet Explorer 11 support starting with SAP_UI 7.56 or higher. Older release are still supported with IE11.
...
Microsoft Internet Explorer.
IE11MS Edge Chromium Compatibility Mode IE11
SAP_UI 7.40SP04
SAP_UI 7.50SP18
SAP_UI 7.51
SAP_UI 7.52SP10
9 more rows

Which are 2 types of data binding? ›

AngularJS provides two types of Data Binding:
  • One-way data binding.
  • Two-way data binding.
9 May 2022

What is data binding which are 2 types of data binding? ›

One-way binding is a relatively simple type of data binding. Changes to the data provider update automatically in the data consumer data set, but not the other way around. Two-way binding is where changes to either the data provider or the data consumer automatically updates the other.

Can you create a Tcode code for Web Dynpro application? ›

To Create a Transaction code for a Web Dynpro application, use Transaction SE93 (Transaction Maintenance). 1. On the dialog screen, enter the transaction code (up to 20 characters) then click on Create button.

What is service call in Web Dynpro? ›

A service call is used to call an existing function module or methods of an existing class within a Web Dynpro component. This is particularly useful with reference to assistance classes or proxy classes of Web services.

How do you display ALV in Web Dynpro ABAP? ›

Following are the steps to create an ALV.
  1. Step 1 − Use T-code: SE80. ...
  2. Step 2 − Select type as Web Dynpro component. ...
  3. Step 3 − Click the tick mark.
  4. Step 4 − In the change window, enter the component use as ALV, component as SALV_WD_TABLE and description as ALV component.

Videos

1. ABAP WebDynpro – Adding an ABAP WebDynpro Application to the SAP Portal
(V R Studio)
2. Web Dynpro ABAP Demo
(JSSTech IT Solutions)
3. ABAP for functional consultant
(SastraGeek Solutions)
4. Web Dynpro Practicals
(JSSTech IT Solutions)
5. SAP ENTERPRISE PORTAL(EP) ONLINE TRAINING
(neha pricky)
6. Overview of ABAP for Functional Consultant
(SastraGeek Solutions)
Top Articles
Latest Posts
Article information

Author: Terrell Hackett

Last Updated: 11/25/2022

Views: 6578

Rating: 4.1 / 5 (72 voted)

Reviews: 87% of readers found this page helpful

Author information

Name: Terrell Hackett

Birthday: 1992-03-17

Address: Suite 453 459 Gibson Squares, East Adriane, AK 71925-5692

Phone: +21811810803470

Job: Chief Representative

Hobby: Board games, Rock climbing, Ghost hunting, Origami, Kabaddi, Mushroom hunting, Gaming

Introduction: My name is Terrell Hackett, I am a gleaming, brainy, courageous, helpful, healthy, cooperative, graceful person who loves writing and wants to share my knowledge and understanding with you.