Specifying the Navigation Schema
You define navigation plugs to navigate from one view to another. After creating the plugs, you create the navigational links between the plugs. You then assign the plugs to actions of the specific buttons created in the two views. The navigational schema is specified in the default window (CustomerCompWindow) of the servapp development component. When you created the application, you embedded both the views in the default window.
...
1. In the Laptop UI explorer, expand the servapp development component.
2. Expand the nodes Web Dynpro → Components → CustomerComp → Windows.
3. Click CustomerCompWindow with the secondary mouse button and choose Open → Open Window Editor.
4. For the CustomerDetails view, create the following plugs:
Type of Plug |
Name of the Plug |
Inbound |
FromOrderDetails |
Outbound |
ToOrderDetails |

To create a plug, in the Navigational Modeler click the required view with the secondary mouse button and choose the type of plug.
5. For the OrderDetails view, create the following plugs:
Type of Plug |
Name of the Plug |
Inbound |
FromCustomerDetails |
Outbound |
ToCustomerDetails |
6. Create the following navigational links:
From Outbound plug |
To Input plug |
ToOrderDetails |
FromCustomerDetails |
ToCustomerDetails |
FromOrderDetails |

To create a navigational 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 and choose OK.
7. Choose Save.
The diagram below displays the navigational modeler of the CustomerCompWindow with the navigational plugs and the links.