Did Step 5 of Navigation & Routing; Manual routing without changing t…

…he hash;

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>