Implementing Navigation

The basic navigation principals are also used when you implement an application using the sap.f.FlexibleColumnLayout - for example, using the router object or registering the event handler for attachMatched. The difference is that we have to extend it with the sap.f.FlexibleColumnLayoutcontrols.

The figure shows the difference to the already known navigation handling inside the controller of the navigation target. As you can see in the implementation, the model with id appView is fetched from the component. In the next line of code, the layout is set to TwoColumnsMidExpanded. This will show the second column of the sap.f.FlexibleColumnLayout to the user. The last line of code will just write the model instance back to the component.