Question

我正在SAPUI5中处理Master Detail应用程序。我创建了包含信息列表的主视图。在主控部分的顶部，我放置了一个按钮，以全屏查看列表的层次结构信息。

所以我的问题是如何将视图从Master-Detail（Split App）切换到全屏。

Answer 1

您可以使用带有SplitContainer的应用程序，而不是直接使用SplitApp，因此您可以使用如下结构：

- App
  - FullScreenView
  - SplitContainer
    - MasterView
    - DetailView

请参阅此处的最小示例：http://plnkr.co/edit/gD8bJk

Answer 2

在App中使用SplitApp时出现问题。应用程序需要填充页面，而不是使用SplitApp。您可以创建一个页面，将SplitApp设置为她的内容并将其添加到App。但请相信我，它看起来并不好。

您唯一的解决方案是禁用App并启用SplitApp。我用两个div容器做这个：

<body class="sapUiBody" id="content" onload="init()">
     <div id="content_app"></div>
     <div id="content_splitapp"></div>
</body>

如果我想显示SplitApp，则控制显示元素：

document.getElementById('content_app').style.display = 'none';
document.getElementById('content_splitapp').style.display = 'inline';
splitApp.placeAt("content_splitapp");

或者如果我想回到App：

document.getElementById('content_splitapp').style.display = 'none';
document.getElementById('content_app').style.display = 'block';

希望这有助于你

如何在SAPUI5中将拆分应用程序添加到主全屏应用程序中？

2 个答案: