未捕获(承诺)TypeError:无法读取未定义的属性'ui5'

时间:2017-07-12 12:52:18

标签: javascript html sapui5

当我尝试在js视图选项卡中创建BarChart时,它会给我这个错误。 这是我的HTML代码

<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

        <link rel="stylesheet" type="text/css" href="Styles/MainPage.css"/>

        <script src="resources/sap-ui-core.js"
                id="sap-ui-bootstrap"
                data-sap-ui-libs="sap.m, sap.viz"
                data-sap-ui-theme="sap_bluecrystal">
        </script>
        <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->

        <script>
            sap.ui.localResources("empcrud");
            //sap.ui.localResources("Styles");
                var app = new sap.m.App("AppId", { initialPage: "idEMainPage1" });
                var page = sap.ui.view({ id: "idEmpDetails1", viewName: "empcrud.EmpDetails", type: sap.ui.core.mvc.ViewType.JS });
                var page1 = sap.ui.view({ id: "idEMainPage1", viewName: "empcrud.MainPage", type: sap.ui.core.mvc.ViewType.JS });
                var page2 = sap.ui.view({ id: "idGrafPage1", viewName: "empcrud.Grafik", type: sap.ui.core.mvc.ViewType.JS });
                app.addPage(page).addPage(page1).addPage(page2);
                app.placeAt("content");
        </script>

    </head>
    <body class="sapUiBody" role="application">
        <div id="content"></div>
    </body>
</html>

这是我使用sap.viz.ui5

的视图代码
var oDataset = new sap.viz.ui5.data.FlattenedDataset({
        dimensions: [
            {
                axis: 1, 
                name: 'Uname',
                value: "{Uname}"
            }
        ],
        measures: [
            {
                name: 'Modno', 
                value: '{Modno}'   
            },
        ],
        data: {
            path: "/results"
        }

    });
    var oBarChart = new sap.viz.ui5.Bar({
        width: "80%",
        height: "400px",
        plotArea: {
            //'colorPalette' : d3.scale.category20().range()
        },
        title: {
            visible: true,
            text: 'Modno Grafiği'
        },
        dataset: oDataset
    });

当我尝试在html脚本中粘贴我的视图代码时,它的工作正常,也可以使用xml视图。我认为它关于js view和html之间的联系。但是视图看不到sap.viz.Is有一种方法可以在js中定义sap.viz或者我该如何克服它?

感谢。

1 个答案:

答案 0 :(得分:0)

问题是关于sapui lib,只需添加在线核心库,就行了。 “https://sapui5.hana.ondemand.com/resources/sap-ui-core.js