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.
- Find The Web Dynpro Application / I Do Not Know The Web Dynpro Application
- I Know The Table Name but I Do Not Know the Web Dynpro Application
- How to Find The Table Used in Web Dynpro Application
Here is an overview of the helpful Transaction Codes and Tables:
|TABLE||WDY_APPLICATION||Web Dynpro: Application|
|TABLE||WDY_COMPONENT||Web Dynpro: Component|
|TCODE||SE80||Object Navigator / ABAP Development Workbench|
|TCODE||SE16N||General 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.
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.
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.
The results should be seen in the search results where you can use the Web Dynpro Component names to search via SE80.
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).
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
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.
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).
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.
Results should look something like this where you can find the Web Dynpro Application or Component (highlighted in pink) for your use in SE80.
Tip: you can also double click on the search result line to pull the specific line of code that calls this table.
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.
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.
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.
Your screen should now show the code behind Method WDDOMODIFYVIEW.
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”.
If you find what you are looking for, double click on the load method to traverse its code.
From here you should see the code calling tables or even a query (highlighted in yellow) that generates the dropdown selection.
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.
I can now check on these tables (as seen on the left-hand side) in SE16N to cross reference and further analyze.
- 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! 😊
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? ›
- In the menu, choose Utilities Settings... .
- Choose the parent tab page ABAP Editor. ...
- Under Editor, select the option Front-End Editor (new).
- Switch to the Debugging tab page.
- Under ABAP Debugger, select the option New Debugger.
- Save your entries.
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? ›
- STEP2: Run Tcode SE93 and give the name transaction of the ZBOOK_TICKET.
- Then click [create] it prompt a screen provide description and select the Transaction With Parameters(parameter Transaction).
- Then continue and provide the following values.
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.
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? ›
- 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.
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? ›
- Create a component.
- Create 2 views in my example: V_ITS and V_ITS_POPUP. ...
- Create event in component controller.
- Create a method(GET_EVENT) in component controller: ...
- Now goto the second view where the calling method exists. ...
- Create the caller event below:
- Double-click on the View. ...
- Create a node as shown below:
- Create attributes for the DATA_TAB node like below.
- Double click on View. ...
- Insert Element Button. ...
- Create a new action for button.
- Insert an Element TABLE and do binding by right clicking on it and select Create Binding.
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? ›
- In the Project Explorer view, select an ABAP project.
- In the context menu, choose any of the following options: choose Copy to perform the copy and the paste actions in separate steps. ...
- Select a Web Dynpro object to paste the copied object.
- Step 1: Create a Web Dynpro Component.
- Step 2: Data Binding. Go to the Context tab of Main View and create a node FLIGHT.. ...
- Step 3: Layout Design. Now Go to Layout tab, and click on Web Dynpro Code Wizard( magic symbol button).
- Creating a Web Dynpro Component .
- Right click on object name and create->mime object->import.
- Select the logo and save it.
- Click on mainview and in the layout select ROOTUIELEMENTCONTAINER right click on it and select insert element and choose image as type.
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.
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? ›
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 .
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? ›
Microsoft Internet Explorer.
|IE11||MS Edge Chromium Compatibility Mode IE11|
- One-way data binding.
- Two-way 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? ›
- Step 1 − Use T-code: SE80. ...
- Step 2 − Select type as Web Dynpro component. ...
- Step 3 − Click the tick mark.
- Step 4 − In the change window, enter the component use as ALV, component as SALV_WD_TABLE and description as ALV component.