Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
5Activity
0 of .
Results for:
No results containing your search query
P. 1
Exercise # 5

Exercise # 5

Ratings: (0)|Views: 90 |Likes:
Published by api-3735504

More info:

Published by: api-3735504 on Oct 15, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

03/18/2014

pdf

text

original

Exercise # 5:
Objectives:
Develop web dynpro application displaying the data in the table on a view by creating a
service call to call a function module and bind the parameters to the controller context.
Tasks required to be performed for development:
1.Creation of package :
\ue000Refer exercise # 1 for creation of package.
2.Creation of Web Dynpro component with a window:
\ue000Refer previous exercises for creation of Web dynpro Component and window.
3.Creation of Web Dynpro views:
\ue000Refer previous exercises for creation of Web dynpro Views.
4.Create inbound and outbound plugs:
\ue000Refer previous exercises for creation of inbound and outbound plugs for both the
views.
5.Embed them into the main window:
\ue000Create a navigation link between the plugs of both the views.
6.create a service call of function module:
\ue000Use web dynpro code wizard to create a service call of function module

\u2018BAPI_FLIGHT_GETLIST\u2019 in the controller context. This will create a method
encapsulating the BAPI call. In addition, the BAPI\u2019s interface parameters will be
bound to the component controller context.

\u2022
Create a service call in the existing component controller for the function
module \u2018BAPI_FLIGHT_GETLIST\u2019.
\u2022
When asked for the parameters to be stored in the controller\u2019s context, select
DESTINATION_FROM, DESTINATION_TO, AND FLIGHTLIST.
\u2022
When asked for the name of the service method, accept the default name
(EXECUTE_BAPI_FLIGHT_GETLIST).
\ue000Open the context menu for the web dynpro component in the navigation area of
the ABAP workbench (left-hand side) and choose Create\u00e0Service Call
\ue000\ue000Choose Continue to confirm the first window of the wizard.
\ue000Select Use Existing Controller, enter the component controller of your component,
and choose Continue.
\ue000Select function module and choose Continue.
\ue000On the next screen, enter the name of the function module in the function module
field and choose Continue.

\ue000Check the parameters to be stored in the controller\u2019s context and choose Continue.
\ue000Enter the name of the service method and a description and choose continue.
\ue000In the controller context the following nodes and attributes gets automatically

created.
\ue000
7.Placing the UI elements and define the context mapping:
\ue000On the input layout, create a group with input fields for departure city and

destination city. In order to bind the input fields to view context attributes, copy the relevant nodes of the component context to the context of the input view and define the mapping between the context nodes of different controllers.

\u2022

On the view layout use the web Dynpro code wizard to create a form, providing
an input field corresponding to attributes CITY of context node
DESTINATION_FROM.

\ue000Repeat the last step for the attribute CITY of context node DESTINATION_TO.
\ue000Move all the fields into a single group and delete the other group.
\ue000Adjust the properties of the UI elements to make sure that the input fields are

displayed one below the other.
\u2022
Set the layout property of the ROOTUIELEMENTCONTAINER to Matrixlayout
\u2022
Set the layout data property of UI element group to MatrixHeadData
\u2022
Set the layout data property of CITY_LABEL to MatrixHeadData
\u2022
Set the layout data property of CITY_LABEL_1 to MatrixHeadData
\ue000Copy the relevant nodes of the component context to the context of the DISPLAY
view and map the context nodes of different controllers.
\ue000Use the WebDynpro wizard to create a table display with binding to the context
node FLIGHTLIST.
\u2022
Place the cursor on the ROOTUIELEMENTCONTAINER, press the WebDynpro code
wizard button and choose Standard\u00e0Table
\u2022
Choose context and double click context node FLIGHTLIST.
\u2022
Accept the default and choose (standard cell editor text view and binding for
all the fields).
\ue000 Provide a button on each view and implement navigation between them.
\u2022
Create actions related to these buttons and make sure the respective outbound
plug is fired.
8.Implementing a call of the service method:
\ue000Use the WebDynpro code wizard to implement a call of the service method
EXECUTE_BAPI_FLIGHT_GETLIST in the event handler for the inbound plug of the
display view.
\u2022
Open the method in the editor, choose WebDynpro code wizard and select
method call in used controller.
\u2022
Select the component controller and the method to be called, from the input
help and choose the TICK mark.
\u2022
9.Activate the component and create an Application and test the same.
\ue000The output appears as follows:

Activity (5)

You've already reviewed this. Edit your review.
1 hundred reads
jjitendra84 liked this
ReaderTim5 liked this
K_Salam liked this
yoursmadan liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->