SAP ABAP Web Dynpro

 1. Application Creation

Go to SE80, choose Web Dynpro Components/Interfaces and write name of Web Dynpro Components:

Type: Web Dynpro Components

Update Layout, Views > Main

ROOTUIELEMENTCONTAINER > layout choose matrixLayout

ROOTUIELEMENTCONTAINER Right Click Insert Element

Create Text

Input Text Description:

Create Input Field:

Click Label SALES_LBL, fill labelFor to connect lable with input field

Create Button

Choose Layout Data "MatrixHeadData" to put button in a new line & Input Text Submit

Create Createtion Date, Time, Name & Document Category wit the same step:

Clik COMPONENTCONTROLLER

Create Node Base on Structure:

Create Node One by One in component controller:

Input Node Name

Create Attribut

Open tab Contex move SALES form Context COMPONENTCONTROLLER to Context Main

Binding, Back to the views > main, click SALES_IN in tab Layout

Binding value, CONTEXT>SALES>VBELN

Binding text, CONTEXT>SALES>ERDAT

Create Action Method:

Double click Method ONACTIONDISPLAY: