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 servappdevelopment component. When you created the application, you embedded both the views in the default window.
Procedure
In the Laptop UI explorer, expand the servappdevelopment component.
Expand the nodes
Web Dynpro
Components CustomerComp
Windows. 
Click CustomerCompWindow with the secondary mouse button and choose
Open
Open Window Editor .For the CustomerDetails view, create the following plugs:
Type of Plug
Name of the Plug
Inbound
FromOrderDetails
Outbound
ToOrderDetails
NoteTo create a plug, in the Navigational Modeler click the required view with the secondary mouse button and choose the type of plug.
End of the note.For the OrderDetails view, create the following plugs:
Type of Plug
Name of the Plug
Inbound
FromCustomerDetails
Outbound
ToCustomerDetails
Create the following navigational links:
From Outbound plug
To Input plug
ToOrderDetails
FromCustomerDetails
ToCustomerDetails
FromOrderDetails
NoteTo 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
End of the note..Choose Save.
The diagram below displays the navigational modeler of the CustomerCompWindow with the navigational plugs and the links.
