Professional Documents
Culture Documents
Navigation Solution: Chapter: Navigation Theme: Specifying The Navigation Schema
Navigation Solution: Chapter: Navigation Theme: Specifying The Navigation Schema
Solution
Chapter:
Navigation
Theme:
Developing, Step-by-Step
4-1
Add a new view, having the name ResultView, to the predefined window
Exc_Navigation_Window of the Web Dynpro component
Exc_Navigation_Component.
In the Web Dynpro Explorer:
Expand the nodes
WD01_Basics_Navigation / Web Dynpro /
Web Dynpro Components /
Exc_Navigation.
Expand the nodes Window /
Exc_Navigation
Select the node Views and open the context
menu.
Choose Create View.
Successful result:
The diagram pane displays two areas
representing the two views. In this case, the
first view, StartView, is displayed as the
active view:
When the Web Dynpro application is
launched, the active view is always
accessed.
4-2
Redefine the text property of the default TextView element on the view
ResultView.
Double-click on the new node ResultView.
Select the Outline View and change the
properties of the TextView UI element to
property
design
text
4-3
value
header2
Congratulation !
Create an exit point for the view StartView and an entry point for the view
ResultView using an outbound plug and an inbound plug, respectively.
In the Navigation Modeler:
Choose Create Outbound Plug from the
context menu of the view StartView. Enter
a name for your outbound plug, such as
ToResultView, and choose Finish.
Choose Create Inbound Plug from the
context menu of the view ResultView. Enter
a name for your inbound plug, such as
FromStartView. Leave the default settings
for the event handler unchanged and choose
Finish.
Save the new project data by choosing Save All Metadata from the toolbar.
4-4
Specify the navigation flow from the view StartView to the view ResultView
using a navigation link.
To create a link for navigation from the
first (active) View to the second view,
select the icon Create Link from the palette
(on the left of the screen). Draw a line from
the outbound plug of the view StartView to
the inbound plug of the view the
ResultView.
You have defined the navigation schema between the two views in the Web
Dynpro application. An event handler with the name onPlug<Name of Plug>
has been generated automatically for the inbound plug.
In the next step, you will move on to defining appropriate actions for
navigation.
Save the new project data by choosing Save All Metadata from the toolbar.
4-5
Successful result:
Add a button to the view StartView. Bind the action defined in step 4-5 to this
button.
In the Outline view of the view StartView,
select the root element
RootUIElementContainer and choose Insert
Child from the context menu.
Choose button
Assign the following property values to this
new elements:
property
id
text
onAction
value
btn_toResultView
Go!
ShowResultView
Choose Finish.
Save the new project data by choosing Save All Metadata from the toolbar.
Exc_Navigation
Exc_Navigation_WindowInterfaceView
Default
Successful result:
The generated Web Dynpro application
object completes your project structure.
You can now deploy your project and start
your Web Dynpro application.
WD01_Basics_Navigation enables you to
address the Web application as a whole,
when you launch this complete application
in the next step.