javascript - SAPUI5 routing reset after browser refresh - Stack Overflow

admin管理员组

文章数量:1023564

I have developed a SAPUI5 master detail app. When I'm clicking on a master item, the corresponding detail page is shown (so far so good). The problem now is, that if I hit refresh (F5) in the browser, the last selected item is loaded (because of the URL parameter).

What I want to achieve is, to display the master list, but no item is selected. Instead a "select an item" page should be shown instead of the item detail page. I've tried many things such as manipulate the routing, but none of this works. Any ideas on how to achieve this?

I have developed a SAPUI5 master detail app. When I'm clicking on a master item, the corresponding detail page is shown (so far so good). The problem now is, that if I hit refresh (F5) in the browser, the last selected item is loaded (because of the URL parameter).

What I want to achieve is, to display the master list, but no item is selected. Instead a "select an item" page should be shown instead of the item detail page. I've tried many things such as manipulate the routing, but none of this works. Any ideas on how to achieve this?

• javascript
• sapui5
• url-routing

Share Improve this question Follow edited Jan 19, 2018 at 14:16 cschuff 5,54277 gold badges3737 silver badges5252 bronze badges asked Jan 19, 2018 at 10:38 Thomas L.Thomas L. 24922 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

By doing that you give up the whole idea of deep-linking which is imho one of the major benefits of the routing. So think twice before doing so.

Anyways you could just reset the hash before initializing the router in your Component like this:

sap.ui.define([
  "sap/ui/core/UIComponent",
  "sap/ui/core/routing/HashChanger"
], function (UIComponent, HashChanger) {

  "use strict";

  return UIComponent.extend("sap.ui.demo.nav.Component", {

    metadata: {
      manifest: "json"
    },

    init: function () {
      // reset the routing hash
      HashChanger.getInstance().replaceHash("");

      // call the init function of the parent
      UIComponent.prototype.init.apply(this, arguments);

      // create the views based on the url/hash
      this.getRouter().initialize();
    }
  });
});

BR Chris

I have developed a SAPUI5 master detail app. When I'm clicking on a master item, the corresponding detail page is shown (so far so good). The problem now is, that if I hit refresh (F5) in the browser, the last selected item is loaded (because of the URL parameter).

What I want to achieve is, to display the master list, but no item is selected. Instead a "select an item" page should be shown instead of the item detail page. I've tried many things such as manipulate the routing, but none of this works. Any ideas on how to achieve this?

I have developed a SAPUI5 master detail app. When I'm clicking on a master item, the corresponding detail page is shown (so far so good). The problem now is, that if I hit refresh (F5) in the browser, the last selected item is loaded (because of the URL parameter).

What I want to achieve is, to display the master list, but no item is selected. Instead a "select an item" page should be shown instead of the item detail page. I've tried many things such as manipulate the routing, but none of this works. Any ideas on how to achieve this?

• javascript
• sapui5
• url-routing

Share Improve this question Follow edited Jan 19, 2018 at 14:16 cschuff 5,54277 gold badges3737 silver badges5252 bronze badges asked Jan 19, 2018 at 10:38 Thomas L.Thomas L. 24922 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

By doing that you give up the whole idea of deep-linking which is imho one of the major benefits of the routing. So think twice before doing so.

Anyways you could just reset the hash before initializing the router in your Component like this:

sap.ui.define([
  "sap/ui/core/UIComponent",
  "sap/ui/core/routing/HashChanger"
], function (UIComponent, HashChanger) {

  "use strict";

  return UIComponent.extend("sap.ui.demo.nav.Component", {

    metadata: {
      manifest: "json"
    },

    init: function () {
      // reset the routing hash
      HashChanger.getInstance().replaceHash("");

      // call the init function of the parent
      UIComponent.prototype.init.apply(this, arguments);

      // create the views based on the url/hash
      this.getRouter().initialize();
    }
  });
});

BR Chris

本文标签： javascriptSAPUI5 routing reset after browser refreshStack Overflow