Saturday, December 18, 2010

Creating static table with 5 empty rows in interactive form using Web Dynpro ABAP

Scenario: One of my client requirements is to create table with 5 empty rows (Static table) in interactive form using Web Dynpro ABAP. To achieve this, in WDDOINIT method created 5 empty rows in internal table and is bound to Node.

Step1: Go to SE80 and create Web Dynpro component ZTEST_TABLE as shown.

Press enter. The following screen appears.

Press ‘Yes’ and provide description.

Step2: In the view MAIN , go to context tab,

Create node ADOBE.

Under the node ADOBE create node Material as shown.

Click on ‘Add Attribute from Structure’. Then you will get the following screen:

Click ‘OK’ button.

Step3: In WDDOINIT method, write the following code. To display static table in adobe form, we need to append empty rows to internal table and bind it to node.

Step4: Now in layout tab,

Create interactive form element as shown.

Click on ‘OK’ button.

Step5: Go to properties tab of interactive element. Provide the adobe form name at template source column.

Doubt click on it.

It asks for interface name as shown.

Provide the interface name and click on ‘Context’ button.

Now select ADOBE node and click on enter.

Provide the package. The following screen appears.

Click on ‘Yes’ button. Now it takes to adobe screen as shown.

The node defined in the context in Web Dynpro is directly mapped to Data View in the adobe form.

Step6: Drag and drop the internal table MATERIAL to layout.

Now go to properties tab,

Change the lay out type to ZCI Layout.

Save and active the form and interface.

Come back to Web Dynpro application.

Activate the component.

Step7: Create Web Dynpro application as shown below

Step8: Execute the application.



No comments:

Tutorials on SAP-ABAP

Adobe Interactive Forms Tutorials

Business Server Pages (BSP)

Userexits/BADIs

Web Dynpro for ABAP (Step by step procedure for web dynpro,Tutorials on Web Dynpro,)

ALV Tutorials

Blog Archive

goodsites