Question

我使用以下代码显示简单按钮，当您单击选项卡2并返回旧选项卡时，该按钮被删除，任何想法如何将它永久保留在tab1中？

这是控制器shell

onInit: function() {
      this.oViewBuffer ={};
      this.oViewBuffer.btn = sap.ui.jsview("codetalk.Main");
      var oShell = sap.ui.getCore().byId("main-shell");
      oShell.setContent(this.oViewBuffer.btn);
    },


    onWorksetItemSelected:function(oEvent){
        var oShell = sap.ui.getCore().byId("main-shell");
        var key = oEvent.getParameter("key");
        oShell.setContent(this.oViewBuffer[key]);

    }

这是JS视图

createContent : function(oController) {

        var oButton = new sap.ui.commons.Button({
            text:"Hello Test",
            tooltip:"This is toolTip",
            press:function(){
                alert("test alert");
            }

        });

        return oButton;

    }

这是shell的视图

createContent : function(oController) {

        var oButton = new sap.ui.ux3.NavigationItem({
            key:"bth",
            text:"Tab 1"
        });
        var oMusicStore = new sap.ui.ux3.NavigationItem({
            key:"btn2",
            text:"Tab 2"
        });


        var oShell = new sap.ui.ux3.Shell({

            id:"main-shell",
            appTitle:"Demo",
            worksetItems:[oButton,oMusicStore],
            worksetItemSelected:[oController.onWorksetItemSelected,oController]
        });

        return oShell;
    }

Answer 1

在shell view.js中删除第二行

示例

"worksetItemSelected:[oController.onWorksetItemSelected,oController]"

它可能有效

Answer 2

首先，我建议您删除shell ID（UI5 Dev Guide）中的“ - ”并改为使用驼峰式广告。

其次，您在Init函数中使用按钮调用视图，但一旦完成，您将使用控制器处理worksetItem并根据您的键设置worksetItem。到现在为止还挺好。但是你的worksetItems并没有与任何内容相关联，因此当你点击第一个标签时你的shell没有理由向你显示按钮

我建议使用ID初始化您的视图，并根据该ID修改shell控制器中的内容

示例：

var oViewButton = sap.ui.view("bth",{
    viewName : "codetalk.Main",
    type : sap.ui.core.mvc.ViewType.JS
)} //do that in your view where you define your Shell
//do the same for your view with the musicstore also in the view with the Shell  
//your id of the view must match the key of your worksetItem

你的shell控制器中的

执行此操作：

onWorksetItemSelected : function(oEvent){
    var oShell = sap.ui.getCore().byId("mainShell");
    var key = oEvent.getParameter("key");
    var oView = sap.ui.getCore().byId(key);
    oShell.setContent(oView);
}

此解决方案将绕过您的Shell的内容聚合，但至少它对我有用。

单击第二个选项卡并返回时删除按钮

2 个答案: