Now we have the event handler and the plugs we need to add some code. These plugs are like skeletons. So we need to put some code. Before adding that we will create the second view. We need the navigation link name to add in the code. So let us go heand and create the second view like how we created the first view.
Create second view with view name as otherview.
Make the view configurable.
Add the Button HTML code. Here we need to add button as back. The code is as follows.
<thtmlb:button id = “BackBtn”
design = “EMPHASIZED”
onClick = “BACK”
text = “Back”
tooltip = “To First View” />
Now create a event and the inbound and outbound plug for this otherview as you did for the first view.Make sure that you create a event for back not for next. In this veiw we are calling this as Back button. See the following screen shot.
I created event BACK and inbound plug as fromfirstview and outbound plug as tofirstview. Add these two view to the window. See the following screen shot.
Now let us create a navigation link for this two screen. This is in the Runtime Repository Editor.See the following screen shot for the navigation links.
I named the ID as fvTOov firstview to other view and declared all the source view and the target view. We need to do the same to navigate from other view to first view when user click on the back button. See the following screen shot for the other Navigation link.
OK now the two navigation links are created. The important thing is the above links that we created are only the skeleton meaning it created only the class moduels and the methods that the Component can unserstand. Now you need to add the code inside these plugs so that when every you click on the event that fires the plug which then executes our code.