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

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

       1.      In the laptop UI Explorer under the Windows node, double-click the required element.

       2.      Choose the Navigation tab.

       3.      In the Navigational Modeler, click the required view with the secondary mouse button, and choose Create OutboundPlug.

The New Outbound Plug wizard starts.

       4.      In the Name field, enter a name for the outbound plug.

       5.      Choose Finish.

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

       6.      Choose File → Save.

Creating an Inbound Plug

...

       1.      In the Laptop UI Explorer under the Windows node, double-click the required element.

       2.      Choose the Navigation tab.

       3.      In the Navigational Modeler, click the required view with the secondary mouse button, and choose Create InboundPlug.

The New Inbound Plug wizard starts.

       4.      In the Name field, enter a name for the inbound plug.

       5.      Choose Finish.

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

       6.      Choose File → Save.

Creating a Navigation Link

...

       1.      In the Navigational Modeler, click the outbound plug element that you created with the secondary mouse button, and choose Create Link.

       2.      From the list, select the required inbound plug.

       3.      Choose OK.

       4.      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 Open → Open Java Editor.