1 sapui5
我正在尝试创建一个在其内容中包含文本的简单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>
请帮忙.谢谢
如果你将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%"属性.