Question

我尝试构建一个SplitApp，但无法弄清楚我的路由有什么问题：主页面显示为详细信息页面，详细信息页面根本不显示。看起来我使用的不是SplitApp，而是App。

HERE应用程序的外观。

这是我的App.view.xml：

<mvc:View controllerName="test.controller.App" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m">
    <SplitApp id="app"/>

</mvc:View>

这是我在Component.js中的路由和根视图声明（我使用的是版本1.28.1）：

"rootView": {
                viewName: "test.view.App",
                type: sap.ui.core.mvc.ViewType.XML
},
"routing": {
                "config": {
                    "routerClass": "sap.m.routing.Router",
                    "viewType": "XML",
                    "viewPath": "test.view",
                    "controlId": "app",
                    "controlAggregation": "detailPages",
                    "bypassed": {
                        "target": ["master", "notFound"]
                    }
                },

                "routes": [{
                    "pattern": "",
                    "name": "master",
                    "target": ["object", "master"]
                }, {
                    "pattern": "Details",
                    "name": "object",
                    "target": ["master", "object"]
                }],

                "targets": {
                    "master": {
                        "viewName": "Master",
                        "viewLevel": 1,
                        "viewId": "master",
                        "controlAggregation": "masterPages"

                    },
                    "object": {
                        "viewName": "Detail",
                        "viewId": "detail",
                        "viewLevel": 2
                    }
                }
            }

我想念什么？

感谢。

更新： SplitApp看起来像我在这篇文章中描述的高分辨率笔记本电脑。具有较低分辨率显示的另一台PC上的相同应用程序将按原样显示 - 包含主要和细节部分。

如何解释和修复此问题？

Answer 1

您是否已为detailPages控件声明了汇总masterPages和SplitApp？它们用于路由，但我在视图中看不到它们。

我想你可能想尝试这样的事情：

<SplitApp id="app">
  <masterPages>
    <Page>
      ...
    </Page>
  </masterPages>
  <detailPages>
    <Page>
      ...
    </Page>
  </detailPages>
</SplitApp>

我认为这也是一个相关的例子：https://sapui5.netweaver.ondemand.com/explored.html#/sample/sap.m.sample.SplitApp/code

SplitApp显示不正确

1 个答案: