页面内容不显示答案

【问题标题】：Page content not displayed页面内容不显示
【发布时间】：2017-05-10 15:12:42
【问题描述】：

我正在尝试制作一个包含文本的简单 SAPUI5 页面。但只显示页眉和页脚，而不显示内容。无法理解为什么。此外，当我尝试在 Google Chrome 中将其模拟为手机时，即使页脚中的按钮也不会显示。

代码（index.html）：

<!DOCTYPE html>
<html>
<head>
<script src="resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" 
    data-sap-ui-libs="sap.m"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8">
<title></title>
</head>

<!-- define an XMLView - normally done in a separate file -->
<script id="view1" type="sapui5/xmlview">
    <mvc:View
height="100%"
xmlns:mvc="sap.ui.core.mvc"
controllerName="my.controller"
xmlns="sap.m">
<Page
title="Centered Title"
class="marginBoxContent"
showNavButton="true" >
<headerContent>
  <Button icon="sap-icon://action" />
</headerContent>
<subHeader>
  <Toolbar>
    <SearchField />
  </Toolbar>
</subHeader>
<content>
  <VBox>
    <Text text="Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod  
 tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
 accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
 Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
 nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem 
 ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
 labore et dolore magna aliquyam erat" />
  </VBox>
 </content>
 <footer>
  <Toolbar>
    <ToolbarSpacer/>
    <Button text="Accept" type="Accept" />
    <Button text="Reject" type="Reject" />
    <Button text="Edit" />
    <Button text="Delete" />
  </Toolbar>
 </footer>
 </Page>
</mvc:View>
</script>


<script>
    sap.ui.controller("my.controller", {

        onInit : function(){

        }
    });


    var myView = sap.ui.xmlview("myView", {viewContent:jQuery('#view1').html()}); // 
    myView.placeAt('content');


</script>

</head>
<body class='sapUiBody'>
    <div id='content'></div>
</body>
</html>

请帮忙。谢谢

【问题讨论】：

标签： sapui5

【解决方案1】：

如果您将sap.m.Page 控件包装在sap.m.App 控件中，它应该可以满足您的需求。

<mvc:View
  xmlns:mvc="sap.ui.core.mvc"
  controllerName="my.controller"
  xmlns="sap.m">
  <App>
    <Page
      title="Centered Title"
      class="marginBoxContent"
      showNavButton="true">
      ...
    </Page>
  </App>
</mvc:View>

您也不需要height="100%" 属性。

【讨论】：

我遇到了同样的问题，应用程序运行良好......但我很好奇......因为 Page 是一个控件，它有自己的“createContent”方法，它不应该能够吗渲染它的内容？