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
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.