Defining Navigation Between Views

Use

To define the navigation from one view in the another in the same mobile project, you have to:

Create an outbound plug (exit point) in the view from which you want to navigate to another view
Create an inbound plug (entry point) in the view to which you want to navigate from another view
Create a navigation link to establish the connection between the two views

Note

To learn more about navigation in Web Dynpro, refer to the Navigation, Plugs and Navigation Links section in the Web Dynpro for Java guide.

Prerequisites

You have:

Created at least two views for the component in the Mobile Project
Embedded the views (that you created) in the view set

Procedure

Creating an Outbound Plug

In the laptop UI Explorer under the Windows node, double-click the required element.
Choose the Navigation tab.
In the Navigational Modeler, click the required view with the secondary mouse button, and choose Create OutboundPlug.

The New Outbound Plug wizard starts.
In the Name field, enter a name for the outbound plug.
Choose Finish.

The IDE generates the outbound plug and displays it in the Navigation Modeler .
Choose File Save.

Creating an Inbound Plug

In the Laptop UI Explorer under the Windows node, double-click the required element.
Choose the Navigation tab.
In the Navigational Modeler, click the required view with the secondary mouse button, and choose Create InboundPlug.

The New Inbound Plug wizard starts.
In the Name field, enter a name for the inbound plug.
Choose Finish.

The IDE generates the inbound plug and displays it in the Navigation Modeler .
Choose File Save.

Creating a Navigation Link

In the Navigational Modeler , click the outbound plug element that you created with the secondary mouse button, and choose Create Link.
From the list, select the required inbound plug.
Choose OK.
Choose File Save.

You can now implement the navigation, as required.

Result

The IDE generates an event handler (Java code) with the name onPlug<Name of Outbound Plug> for the inbound plug. To view the event handler, in the Mobile Explorer, click the view that contains the inbound plug with the secondary mouse button, and choose Start of the navigation path Open Next navigation step Open Java Editor End of the navigation path .