Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more ➡
Download
Standard view
Full view
of .
Add note
Save to My Library
Sync to mobile
Look up keyword
Like this
4Activity
×
0 of .
Results for:
No results containing your search query
P. 1
Web Dynpro Componentization - Exercises

Web Dynpro Componentization - Exercises

Ratings: (0)|Views: 501|Likes:
Published by Ravi Teja

More info:

Published by: Ravi Teja on Dec 13, 2010
Copyright:Attribution Non-commercial

Availability:

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

01/06/2013

pdf

text

original

 
 
SAP TECHED ’05
1
 
WEB DYNPRO FOR EXPERTS
CD355WEB DYNPRO COMPONENTIZATION
EXERCISES / SOLUTIONS
B
ERTRAM
G
ANZ
,
 
M
ICHAEL
W
ENZ
,
 
C
HRISTIAN
G
EORGI
,
 
SAP
 
AG
 
SAP TECHED ’05
S
EPTEMBER
20052
Exercise 1 – Embedding a User Interface Component
This first exercise dealing with Web Dynpro Componentization is based on an incomplete Web Dynpro DC template. After havingfinished this exercise the following learning objectives will be fulfilled:
 
Defining a component usage relation with lifecycle
manual
.
 
Visually embedding a component interface view inside a
ViewContainerUIElement 
.
 
Programmatically creating a component instance for a defined component usage.
 
Completing a context mapping chain based on external context mapping.
 Estimated time required for completion: 20 min
Opening the local exercise Web Dynpro DC
1.
 
In the Web Dynpro Explorer select the local Web Dynpro DC with name
LocalDevelopment~cd355~comp~simple~main~sap.com
 2.
 
Select the Web Dynpro component with name
MasterComp
.
STEP 1 - Declaring a component usage relation (using the OrdersUIComp)
Figure 1
1.
 
Select the node
Web Dynpro
 
Web Dynpro components
 
MasterComp.
2.
 
Double-click this node for opening the data modeler.Alternatively you can select the context menu item
Open Data Modeler.
 3.
 
In the left toolbar select the icon
 Embed an existingcomponent.
Afterwards this icon is marked grey.4.
 
Move the mouse cursor above the area
Used Web Dynprocomponents
and click the mouse button (see figure 1).5.
 
The
 New component usage window
appears (see figure 2).Inside the popup window define the following properties:a.
 
 Name
:
OrdersUIComponent
 b.
 
Used Web Dynpro Component 
(choose
 Browse …
):
OrdersUIComp
 c.
 
 Lifecycle
:
manual
(do not select the default value
createOnDemand 
!)
Figure 2
 
SAP TECHED ’05
S
EPTEMBER
20053
Result
The new component usage relation is added as a new node forthe master component inside the Web Dynpro explorer.Inside the data modeler the new component usage is alsovisible now.
STEP 2 - Visually embedding the component interface view into the layout component
Visual ComponentsLayoutComponentCustomersUI ComponentMasterComponentOrdersUI Component
componentusage
embedcomponentinterface view
2
Web DynproApplication
 
Figure 3
1.
 
Select the node
Web Dynpro
 
Web Dynpro components
 
MasterComp
 
Windows
 
MasterComp
 2.
 
Double-click this node for opening the
navigationmodeler 
. Alternatively you can select the context menuitem
Open Navigation Modeler.
 3.
 
In the left toolbar select the icon
 Embed a view.
Afterwards this icon is marked grey.4.
 
Move the mouse cursor above the area
Used Web Dynprocomponents
and click the mouse button (figure 3).5.
 
The
 Embed view window
appears. Select item
 Embed  Interface View of a Component instance
and click on
 Next 
.6.
 
In the next step you can embed the interface view of thecomponent usage
OrdersUIComponent 
(figure 4). Selectthe node
Component Instances
 
OrdersUIComponent 
 
OrdersUICompInterfaceView
and click on
Finish
.
Figure 4

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)//-->