Sei sulla pagina 1di 23

Demo scenario on Adobe Interactive Forms using ABAP

WebDynpro - Part1

Go to the MAIN_VIEW Actions tab and keep a session break point in the code, to just see if our
code is being executed when we submit the data from the adobe form.

Now we will test the application, right click on the node zadobe and select test from the context
Logon with your credentials; give your username and password
You can see the Adobe form that we have designed, enter the data as shown below and press the
submit button. (As I said earlier an activex control will be installed on to the client machine, you
can see the activex control in the internet explore go to the menu: ToolsInternet optionsgo to
the programs tab Press button Manage add-ons.

You can see an activex control named SAP ACF, if you dont have this control you will not see
this page: Note you need to have adobe acrobat reader 7.1 installed, I have used version 9, the
activex control was not working properly so down graded my adobe reader to 7.1)
Press F8 to continue.
You can see the entry in the table ZDEPT being updated.
Demo scenario on Adobe Forms using ABAP WebDynpro - Part 2

Drag and drop the Node ZDEPT onto the context

Go to the Layout tab and Drag & Drop the ZDEPT node on to the form layout, Save and Activate the
You can also create a Report program (Print Program) and call the above mentioned form, but we are
going to write the print program logic in the Web Dynpro.

Go to transaction SE80 and create a Web Dynpro component Z_NON_INT_FRM.

Press Yes to create the object

Enter the details as show below and press enter

Save and enter a workbench request

You can see the Component Controller, Interface controller and window being created
Create a view as shown below:
Give the Name of the View as MAIN_VIEW

Click here to continue...

Demo scenario on Adobe Forms using ABAP WebDynpro - Part 2


Go to the layout tab of the MAIN_VIEW and create a place holder for the adobe form as shown below
Give the name of the node as adobe and type Interactive form

In the properties list set the Height and width and the template source as ZDEPFRM this is the actual
name of the adobe form which we have created earlier, you can see the interface context is automatically
mapped to the data source.
You can see the mapped data source in the context tab of the MAIN_VIEW

Go to the Methods table of the MAIN_VIEW and double click on the WDDOINIT method,
We are going to write the print programs logic in this method, we are not going to use the standard
function modules that we use normally in the Report print program such as


Copy and Paste the below given code in the method.

method WDDOINIT .
Node_Zdepfrm type ref to If_Wd_Context_Node,
Elem_Zdepfrm type ref to If_Wd_Context_Element,
Stru_Zdepfrm type If_Main_View=>Element_Zdepfrm ,
Item_ZDEPT like Stru_Zdepfrm-ZDEPT,
i_dept type zdepttbl.
* navigate from <CONTEXT> to <ZDEPFRM> via lead selection
Node_Zdepfrm = wd_Context->get_Child_Node

( Name = IF_MAIN_VIEW=>wdctx_Zdepfrm ).

* @TODO handle not set lead selection

if ( Node_Zdepfrm is initial ).
* get element via lead selection
Elem_Zdepfrm = Node_Zdepfrm->get_Element( ).

* @TODO handle not set lead selection

if ( Elem_Zdepfrm is initial ).
Elem_Zdepfrm = Node_Zdepfrm->create_element( ).

select * from zdept into table i_dept.

Item_Zdept = i_dept.

* get single attribute

Value = Item_Zdept
Name = `ZDEPT`

Node_Zdepfrm->bind_element( Elem_Zdepfrm ).


Go to the window Z_NON_INT_FRM and select the window tab as shown below
Drag and Drop the MAIN_VIEW on to the window
Save and activate the Web Dynpro

Click here to continue...

Demo scenario on Adobe Forms using ABAP WebDynpro - Part 2

Create a Web Dynpro application as show below
Enter the name of the application Z_NON_INT_FRM and save the application
Test the Web Dynpro application
Logon with you credentials enter the username and password.
You can see the output in the form below.