Содержание страницы не отображается

Я пытаюсь создать простую страницу 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>

Пожалуйста, помогите. Спасибо

источник

2014-10-07 Shiva

Если вы оберните элемент управления 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%".

источник

2014-10-07 16:25:07 qmacro

У меня была такая же проблема, и приложение отлично работало ... но мне любопытно ... поскольку страница является элементом управления и имеет свой собственный метод createContent, не должен ли он отображать его содержимое? – fabiopagoti

Содержание страницы не отображается

ответ

Смежные вопросы