Неправильно отображена SplitApp

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 выглядит так, как я описал в этом посте на ноутбуке с высоким разрешением. То же самое приложение на другом ПК с дисплеем с низким разрешением отображается так, как должно - с основными и подробными деталями.

Как эта проблема может быть объяснена и исправлена?

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