如何更改语义详细信息页面中的视图

Question

My one page application 嗨，专家！我只想在语义详细信息页面中显示另一个视图 并且不要更改母版页！ 有什么想法吗？！

Answer 1

您只需使用Routing 即可实现此目的。您将拥有三个视图（基本应用视图、主视图和详细信息）。您必须为您的详细信息页面 (Charts.view.xml) 创建一个新视图。

在你manifest.json中添加一个目标路由。

{
    "sap.ui5":{
        //...
        "routing":{
        //...
            "routes":[
                {
                    "pattern":"",
                    "name":"master",
                    "target":[
                        "detail",
                        "master"
                    ]
                },
                {
                    "pattern":"Charts",
                    "name":"charts",
                    "target":[
                        "detail",
                        "charts"
                    ]
                }
            ],
            "targets":{
                "master":{
                    //...
                },
                "charts":{
                    "viewName":"Charts",
                    "viewLevel":2,
                    "viewId":"charts",
                    "controlAggregation":"detailPages"
                },
                "detail":{
                    //...
                }
            }
        }
    }
}

在某个事件中，您可以导航到您的新视图

onSemanticButtonPress : function() {
    this.getOwnerComponent().getRouter().navTo("charts");
}

Answer 2

您可以使用 Fragments 来显示内容。