0% found this document useful (0 votes)
45 views2 pages

Navigation Exercise: Chapter: Navigation Theme: Specifying The Navigation Schema

The document describes adding navigation between views in a Web Dynpro component. It involves: 1) Creating a new view called ResultView and defining navigation plugs for entering and exiting views. 2) Specifying the navigation flow between the StartView and ResultView using a navigation link. 3) Creating an action and binding it to a button to trigger navigating from one view to the next.

Uploaded by

Rahul Girmaji
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
45 views2 pages

Navigation Exercise: Chapter: Navigation Theme: Specifying The Navigation Schema

The document describes adding navigation between views in a Web Dynpro component. It involves: 1) Creating a new view called ResultView and defining navigation plugs for entering and exiting views. 2) Specifying the navigation flow between the StartView and ResultView using a navigation link. 3) Creating an action and binding it to a button to trigger navigating from one view to the next.

Uploaded by

Rahul Girmaji
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Navigation

Exercise
Chapter:

Navigation

Theme:

Specifying the Navigation Schema

At the end of this Exercise, you are able to:


Create additional views for a Web Dynpro component.
Navigate between different views of a Web Dynpro
component.
Create Actions.

Development Objectives

Add a new view


The Web Dynpro concept allows you to split the user interface into a number of
views. Views can be understood as entities encompassing the elements of a UI that
belong together. In this exercise, you will split the user interface into two views,
StartView and ResultView.
Define the navigation
To define the navigation between the views, you need to create exit and entry points
for each view using outbound and inbound plugs. This is the prerequisite to specify
the navigation flow using navigation links.
Create an Action and implement the navigation
To trigger the navigate from one view to the next, you need an appropriate action,
which is bound to a UI element (such as a button). You then need to implement the
event handler, which reacts to this action and triggers a view change.

Result
As a result of this exercise, you should be
able to navigate between the views
StartView and ResultView.

Prerequisites

You have launched the SAP NetWeaver Developer Studio.


You have selected the Web Dynpro Perspective.
You have opened the Web Dynpro Project WD01_Basics_Navigation.
The structure this project is currently displayed in the Web Dynpro Explorer.
Note: This exercise is based on the
result of the last exercise.
However, for your convenience, there is
a predefined Web Dynpro Project. This
Project is equivalent to the result of the
previous exercise. You only need to
expand the node Exc_Navigation and add
the new functionality to the existing
component
The graphic on the left hand side shows
the predefined project structure of this
exercise.

Overview: Developing
4-1
Add a new view, having the name ResultView, to the predefined
window Exc_Navigation_Window of the Web Dynpro component
Exc_Navigation.
4-2
Redefine the text property of the default TextView element on the view
ResultView.
4-3
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.
4-4
Specify the navigation flow from the view StartView to the view
ResultView using a navigation link.
4-5
Create an action for the View StartView. The default event handler
shall be used. In the field Fire Plug enter the name of the outbound
plug defined in step 4-3.
4-6
Add a button to the View StartView. Bind the action defined in step 4-5
to this button.
4-7
Create a Web Dynpro application WD01_Basics_Navigation

5.
Overview: Building, Deploying, and Running
Deploy and run the Web Dynpro application.

You might also like