Usage of Modal Dialog Box in Web Dynpro Component (Web Dynpro for ABAP)

By Sirisha Vennelakanti, YASH Technologies 


Web dynpro application to navigate and transfer data from main window to the modal pop up and back is explained in the below example. Application has 2 views created, one for input screen for entering customer number and other for modal pop up to display the sales order details for the chosen customer. Another window has to be created for embedding the sales details view as modal pop up.

on action of search sales orders from the main window, sales orders list will be displayed in the pop up and list of sales items will be displayed in the main window for the chosen sales order from the pop up.

The design and execution can be divided into two parts. 

  1. Creating WebDynpro component
  2. Creating the application


  1. Create the web dynpro component interface

      Transaction code: SE80

  •  Mention the Name of Dynpro Component to be created

  •  Let the Type Be Web Dynpro Component

  • Give The name of Window to Main Window as Shown 

 2. Create nodes for sold-to-party, VBAK (sales header) and VBAP (sales item) in the  Component controller. 

Define the nodes in the component controller for sold-to-party.  



3. Define node for sales order data with dictionary structure VBAK with cardinality 0..n. 


4. Choose fields for the VBAK node.


5. Create a node for sales order item details with dictionary structure with cardinality 0..n. 



6. Create a window sales details for the modal pop up and declare it in the component controller. 

Click here to continue...


Please send us your feedback/suggestions at webmaster@SAPTechnical.COM 

HomeContribute About Us Privacy Terms Of Use • Disclaimer • SafeCompanies: Advertise on SAPTechnical.COM | Post JobContact Us  

Graphic Design by Round the Bend Wizards

footer image footer image