使用路由器时，Shell 在 SAPUI5 中不显示主(第一) View

Question

我在 SAPUI5 应用程序中使用 Shell，如下所示:

var oShell = new sap.ui.ux3.Shell("myShell", {
            showLogoutButton: false,
            showTools:false,
            showPane: false,
            headerType:sap.ui.ux3.ShellHeaderType.SlimNavigation,
            worksetBar:false,

            //Add header items 
            headerItems:[sap.ui.view("login",{type:sap.ui.core.mvc.ViewType.JS, viewName:"prototype.login"})],

            //Add navigation items
            worksetItems:[
                    new sap.ui.ux3.NavigationItem("home", {key:"home",text:"Majas"}), 
                    new sap.ui.ux3.NavigationItem("news", {key:"news",text:"Jaunumi"}),
                    new sap.ui.ux3.NavigationItem("results", {key:"results",text:"Rezultati"}),
                    new sap.ui.ux3.NavigationItem("team", {key:"teams",text:"Komanda"}),                         
                    new sap.ui.ux3.NavigationItem("gallery", {key:"gallery",text:"Galerija"})                  
            ],

            worksetItemSelected:function (oEvent) {
                var sSelected = oEvent.getParameter("id"),
                oHashChanger = sap.ui.core.routing.HashChanger.getInstance();   
                oHashChanger.setHash(oRouter.getURL("_" + sSelected))
        },

        });

然后我使用 Router 将 URL 地址设置为 Shell 中表示的 View ，如下所示:

var oRouter = new sap.ui.core.routing.Router([  {
            pattern: "home",
            name: "_home",
            view: "prototype.home",
            viewType: sap.ui.core.mvc.ViewType.JS,
            targetControl: "myShell",
            targetAggregation: "content",
            clearTarget: true,              
            fireEvent: function() {
                oShell.setSelectedWorksetItem("home");
            }

        },  
        //Adding URL to "news" view
        { 
            pattern: "news",
            name: "_news",
            view: "prototype.news",
            viewType: sap.ui.core.mvc.ViewType.JS,
            targetControl: "myShell",
            targetAggregation: "content",
            clearTarget: true,
            callback: function(oRoute, oArguments) {
                oShell.setSelectedWorksetItem("news");
            }
        },

        {
            pattern: "results",
            name: "_results",
            view: "prototype.resultsVirsliga",
            viewType: sap.ui.core.mvc.ViewType.JS,
            targetControl: "myShell",
            targetAggregation: "content",
            clearTarget: true,
            callback: function(oRoute, oArguments) {
                oShell.setSelectedWorksetItem("results");
            }
        },

        {
            pattern: "team",
            name: "_team",
            view: "prototype.team",
            viewType: sap.ui.core.mvc.ViewType.JS,
            targetControl: "myShell",
            targetAggregation: "content",
            clearTarget: true,
            callback: function(oRoute, oArguments) {
                oShell.setSelectedWorksetItem("team");
            }
        },

        {
            pattern: "image",
            name: "_gallery",
            view: "prototype.image",
            viewType: sap.ui.core.mvc.ViewType.JS,
            targetControl: "myShell",
            targetAggregation: "content",
            clearTarget: true,
            callback: function(oRoute, oArguments) {
                oShell.setSelectedWorksetItem("gallery");
            }
        },

        {
            pattern: "login",
            name: "_login",
            view: "prototype.login",
            viewType: sap.ui.core.mvc.ViewType.JS,
            targetControl: "myShell",
            targetAggregation: "content",
            clearTarget: true,
            callback: function(oRoute, oArguments) {
                oShell.setSelectedHeaderItem("login");
            }
        }
    ]);
    oRouter.initialize();

一切正常，除了首先(主视图)，当我打开我的应用程序(主视图)时，它显示空白页面，只有导航可见，然后我导航到其他页面，然后返回主页，所有内容都会出现，然后工作正常。 为什么当我进入页面时 View 不加载，而只有当我导航到其他 View 然后返回时才加载？

Answer 1

要在路由器中默认加载主视图，请将其定义如下并带有模式空间。

 pattern: "",
   name: "_home",
   view: "prototype.home",
   viewType: sap.ui.core.mvc.ViewType.JS,
   targetControl: "myShell",
   targetAggregation: "content",
   clearTarget: true,
   fireEvent: function() {
     oShell.setSelectedWorksetItem("home");
   }

虽然这是一个老问题，但它可能会帮助将来的人，因为它帮助我解决了同样的问题:)