Did Step 5 of Navigation & Routing; Manual routing without changing the hash;

Author: wridgeu

webapp/controller/Home.controller.js

@@ -1,8 +1,20 @@
 sap.ui.define([
-  "com/mrb/UI5-Navigation-and-Routing/controller/BaseController"
-  ], function(BaseController) {
-    "use strict";
-  
-    return BaseController.extend("com.mrb.UI5-Navigation-and-Routing.controller.Home", {});
-  });
-  
+	"com/mrb/UI5-Navigation-and-Routing/controller/BaseController"
+], function (BaseController) {
+	"use strict";
+
+	return BaseController.extend("com.mrb.UI5-Navigation-and-Routing.controller.Home", {
+		onDisplayNotFound: function () {
+			/* 
+        alternative ways of getting the `sap.m.routing.Targets` Object
+			  this.getOwnerComponent().getRouter().getTargets() or 
+			  this.getOwnerComponent().getTargets().
+			*/
+			//display the "notFound" target without changing the hash
+			this.getRouter().getTargets().display("notFound", {
+        fromTarget: "home"
+      });
+
+		}
+	});
+});

webapp/controller/NotFound.controller.js

@@ -1,9 +1,28 @@
 sap.ui.define([
-    "com/mrb/UI5-Navigation-and-Routing/controller/BaseController"
+	"com/mrb/UI5-Navigation-and-Routing/controller/BaseController"
 ], function (BaseController) {
-    "use strict";
-    return BaseController.extend("com.mrb.UI5-Navigation-and-Routing.controller.NotFound", {
-        onInit: function () {
-        }
-    });
-});
+	"use strict";
+	return BaseController.extend("com.mrb.UI5-Navigation-and-Routing.controller.NotFound", {
+		onInit: function () {
+			var oRouter, oTarget;
+			oRouter = this.getRouter();
+			oTarget = oRouter.getTarget("notFound");
+			oTarget.attachDisplay(function (oEvent) {
+				this._oData = oEvent.getParameter("data"); // store the data
+			}, this);
+		},
+
+		// override the parent's onNavBack (inherited from BaseController)
+		onNavBack: function () {
+			// in some cases we could display a certain target when the back button is pressed
+			if (this._oData && this._oData.fromTarget) {
+				this.getRouter().getTargets().display(this._oData.fromTarget);
+				delete this._oData.fromTarget;
+				return;
+			}
+
+			// call the parent's onNavBack
+			BaseController.prototype.onNavBack.apply(this, arguments);
+		}
+	});
+});

webapp/i18n/i18n.properties

@@ -5,4 +5,5 @@ iWantToNavigate=I want to navigate
 homePageTitle=Home
 NotFound=Not Found
 NotFound.text=Sorry, but the requested resource is not available.
-NotFound.description=Please check the URL and try again.
+NotFound.description=Please check the URL and try again.
+DisplayNotFound=Display Not Found

webapp/i18n/i18n_en.properties

@@ -5,4 +5,5 @@ iWantToNavigate=I want to navigate
 homePageTitle=Home
 NotFound=Not Found
 NotFound.text=Sorry, but the requested resource is not available.
-NotFound.description=Please check the URL and try again.
+NotFound.description=Please check the URL and try again.
+DisplayNotFound=Display Not Found

webapp/view/Home.view.xml

@@ -4,7 +4,7 @@
    xmlns:mvc="sap.ui.core.mvc">
    <Page title="{i18n>homePageTitle}" class="sapUiResponsiveContentPadding">
       <content>
-         <Button text="{i18n>iWantToNavigate}" class="sapUiTinyMarginEnd"/>
-      </content>
+         <Button  id="displayNotFoundBtn" text="{i18n>DisplayNotFound}" press=".onDisplayNotFound" class="sapUiTinyMarginEnd"/>
+		</content>
    </Page>
 </mvc:View>

webapp/view/NotFound.view.xml

@@ -7,5 +7,5 @@
       text="{i18n>NotFound.text}"
       description="{i18n>NotFound.description}"
       showNavButton="true"
-	  navButtonPress="onNavBack"/>
+	    navButtonPress="onNavBack"/>
 </mvc:View>