未捕获的typeerror对象对象在解析中没有方法'kendoUi'错误

时间:2013-05-02 05:07:21

标签: javascript html kendo-ui

这是我的JSonSctipt文件代码:

var data = [
    {
        "SearchResult": {
            "assets": [
                {
                    "agent": "6.1.0",
                    "id": 1,
                    "model": "Gateway1",
                    "modelId": 2,
                    "name": "Name",
                    "serialNumber": "Serial01"
                },
                {
                    "agent": "M2M",
                    "id": 2,
                    "model": "Gateway1",
                    "modelId": 3,
                    "name": "Name",
                    "serialNumber": "Serial02"
                }
            ],
            "searchCriteria": {
                "paginationEnabled": false,
                "rowsPerPage": -1,
                "startRow": -1,
                "totalAvailableRows": -1,
                "alternateId": {
                    "@xsi.nil": "true"
                },
                "modelNumber": {
                    "@xsi.nil": "true"
                },
                "name": "*",
                "serialNumber": {
                    "@xsi.nil": "true"
                }
            }
        }
    }
];

$("#grid").kendoGrid({
  dataSource: { 
    data: data,
    schema: {
      data: function(rawData) { 
        return rawData[0].SearchResult.assets;
      }
    }
  }
});

Thsi是我的Index.html文件

<html>
    <head>
        <title></title>
        <meta charset="utf-8" />
        <script src="cordova.js"></script>
        <script src="kendo/js/jquery.min.js"></script>
        <script src="kendo/js/kendo.mobile.min.js"></script>
        <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script src="scripts/hello-world.js"></script>
         <script src="kendo/js/kendo.dataviz.min.js"></script>


        <link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
        <link href="styles/main.css" rel="stylesheet" />

    </head>
    <body>

 <div id="grid"></div>







    </body>
</html>

当我运行此代码未被捕获时,typeerror对象对象没有方法'kendoUi'错误我得到了如此无法在网格中显示数据请告诉我如何修复它或任何一个请告诉我我将如何Json在Kendo UI中解析

1 个答案:

答案 0 :(得分:1)

看起来你正在尝试使用Kendo Grid,这是Kendo Web的一部分,但只提到了Kendo Mobile(即kendo.mobile.min.js)。您需要向kendo.web.min.js或kendo.all.min.js添加脚本引用。看一下这个jsfiddle,特别注意外部资源(即kendo.all.min.js)

P.S。如果没有一些代码,我不会发布一个指向jsfiddle的链接,所以这里是代码的一部分,以满足他们的要求:

<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
</head>
<bo 
         <div id="grid"></div>

</body>