浏览器刷新后SAPUI5路由重置

时间:2018-01-19 10:38:08

标签: javascript sapui5 url-routing

我开发了一个SAPUI5主细节应用程序。当我点击主项目时,会显示相应的详细信息页面(到目前为止一直很好)。现在的问题是,如果我在浏览器中点击刷新(F5),则加载最后选择的项目(因为URL参数)。

我想要实现的是,显示主列表,但没有选择任何项目。而是应该显示“选择项目”页面而不是项目详细信息页面。 我尝试过很多东西,例如操纵路由,但这些都不起作用。关于如何实现这一点的任何想法?

1 个答案:

答案 0 :(得分:1)

通过这样做,你放弃了深度链接的整个想法,这是路由的主要好处之一。所以在这样做之前要三思而后行。

无论如何,您可以在组件中初始化路由器之前重置哈希值,如下所示:

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 克里斯