显示没有图像的蓝色碎石

时间:2018-10-04 09:21:08

标签: sapui5 carousel

以下代码在我的SAP WebIDE上不起作用。当我运行index.html时,将显示空白页。

代码

index.html

<!DOCTYPE html >
  <!--Use the xml view from folder view -->
  <html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta charset="UTF-8">
        <title>OpenSAP - Developing Web Apps with SAPUI5</title>

        <script
            id="sap-ui-bootstrap"
            src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
            data-sap-ui-theme="sap_bluecrystal"
            data-sap-ui-libs="sap.m"
            data-sap-ui-compatVersion="edge"
            data-sap-ui-preload="async"
            data-sap-ui-resourceroots='{
              "opensap.myapp": "./"
            }'>
        </script>

    <script>
        sap.ui.getCore().attachInit(function () {
            sap.ui.xmlview({
                viewName: "opensap.myapp.week1u21.view.App"
            }).placeAt("content");
        });
    </script>
   </head>
   <body class="sapUiBody" id="content"></body>
</html>

App.view.xml

<mvc:View
  displayBlock="true"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m">
  <Carousel>
    <Pages>
      <Image src="https://upload.wikimedia.org/wikipedia/commons/0/0e/GEO_Globe_10.jpg" 
    height="400px"/>
      <Image src="https://upload.wikimedia.org/wikipedia/commons/b/b1/Globe_Atlantic.svg" 
    height="400px"/>
    </Pages>
</Carousel>

SAP WebIDE中的“我的文件夹”路径如下所示。请查看下面的屏幕链接。

Screen

请帮助我找出问题所在。

1 个答案:

答案 0 :(得分:0)

希望这对您有所帮助,java heap memory控件的聚合是用小写字母Carousel

pages

注意:请查看浏览器控制台中的JavaScript错误。