Question

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

代码（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>

请帮忙。感谢

Answer 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%"属性。

页面内容未显示

1 个答案: