Web Dynpro => Interpreting in a different way

SAP ABAP / By

Web dynpro ABAP is an user interface technology for the development of web applications in ABAP. It is based on HTML and Javascript. The speciality is that we don’t have to write code for the front end.

  • The development takes place through the Transaction SE80
  • The Web dynpro ABAP is based on model view controller model

          M –> Models for holding data through contexts

          V –> Views for user interface

          C –> Controller for the logic

  • The data transfer takes place automatically between the front end and backend

Functionality implemented in the method of Component- Controller

  1. The inputs are read from the context
  2. The data from the Data bank is read for the selected input
  3. The result table must be written in the context
Figure 1: Web dynpro Application Creation Process

How to bind data in the component controller method

Figure 2: Control flow in web dynpro component Controller method implementation

The global attribute wd_context is used to assign the reference. wd_context contains a method get_child_node(), which returns the reference of the input node, which returns the reference of the input node. The get_element() method of the input_node class is used to assign the reference of the element.

Class Instance (Reference)MethodOutputOutput Type
Wd_contextGet_child_nodeInput or output nodeReference
Input nodeGet_elementInput elementReference
Input elementGet_attributeAttribute valueValue
Output nodeBind_tableElements data tableValue
Table 1 References used in component controller method

Thus the data binding is done between the input and output though elements.

References: ABAP objects by Felix Roth