title: SAPUI5 navigate back to start page
body: <p>I have a scenario with a start page (full page) from where user can navigate to Master-Detail1-Detail2. Forward navigation works fine, but when the user navigates back from detail1, he should get back to the start page. Also that works fine, but when the user then selects in the start page to move to master again, the screen jumps directly back to detail1 screen.</p>
  
  <p>This is my controller for detail1.js:</p>
  
  <pre><code>onNavBack_det2: function(oEvent) {
      this.getRouter().navTo("app", {
      })
  },
  </code></pre>
  
  <p>And the routing part in component.js:</p>
  
  <pre><code>                pattern: "split",
                  name: "App",
                  view: "App",
                  viewId: "AppId",
                  targetControl: "masterAppId",
                  subroutes : [{  
                      pattern: "master",
                      name: "master",
                      view: "Master",
                      targetAggregation: "masterPages",
                      targetControl: "idAppControl",
  </code></pre>
  
  <p>I have tried to destroy the detail1.view then it navigates to an empty page. What I want is that when the user navigates to the start page again, all other views are initialized, so user really starts from the beginning. What am I missing or how can that be achieved?
  Any help is appreciated!
  Thanks,
  Tim</p>
  
  <p>App view looks like this so just the App:</p>
  
  <pre><code>&lt;SplitApp id="idAppControl" mode="ShowHideMode"/&gt;
  </code></pre>
  
  <p>So basically empty, from where the Overview page is called, which is the starting page with 2 tiles. Overview.js looks like this:</p>
  
  <p>sap.ui.core.mvc.Controller.extend("ZTRUKKI.controller.Overview, {</p>
  
  <pre><code>getRouter : function() {
      return sap.ui.core.UIComponent.getRouterFor(this);
  },
  
  toMove:function(){
  
  this.getRouter().navTo("master", {
      from : "overview",
  })
  },
  
  toDelivery:function(){
  
  this.getRouter().navTo("master1", {
      from : "overview",
  })
  },
  </code></pre>
  
  <p>});  </p>