2014-10-07 235 views
0

我正在试图制作一个简单的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> 

请帮助。谢谢

回答

7

如果您将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%"属性。

+0

我有同样的问题,应用程序工作正常......但我很好奇......因为页面是一个控件,它有自己的“createContent”方法,它不应该能够呈现其内容? – fabiopagoti 2015-05-14 18:37:09