Show TOC

Defining Navigation Between ViewsLocate this document in the navigation structure

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

  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 Start of the navigation path File Next navigation step Save.  End of the navigation path

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 Start of the navigation path File Next navigation step Save.  End of the navigation path

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 Start of the navigation path File Next navigation step Save.  End of the navigation path

    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.