2014-10-07 239 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