Navigation

Hash Changer

A library that sets custom URL based on the patter property of the router.
It enables application to be accessed by custom URL instead of running application from the start.
The advantage is you can pass on the custom URL to someone who wants to see only specific page.

worksetItemSelected: function(e) {

this.removeAllContent();

var selected = e.getParameter("key");

var oHashChanger = new sap.ui.core.routing.HashChanger();

oHashChanger.setHash(router.getURL(selected));

     var router = new sap.ui.core.routing.Router([

          pattern: "",             name: "home",

          view: "ui5nav.V1",       viewType: sap.ui.core.mvc.ViewType.XML,

          targetControl: "shell",   targetAggregation: "content",

          clearTarget: true,

          callback: function() {

            //oShell.setSelectedWorksetItem("View1Id");

            console.log("index: router pattern 1 triggered");

},

          pattern: "custom2",       name: "examples",

          view: "ui5nav.V2",         viewType: sap.ui.core.mvc.ViewType.JS,

          targetControl: "shell", targetAggregation: "content", //content/Page

          clearTarget: true,

          callback: function() {

            // oShell.setSelectedWorksetItem("View2Id");

            console.log("index: routerpattern 2 triggered");

    }]);

    router.register("routerId");

    router.initialize();

Router - Page Navigation and dynamic URL

OShell - Creates Container that can be easily modified

Object is passed with {}

Array is passed with []

Link

Google Sites

Report abuse