Question

我有一个使用kendo网格的应用程序，当我尝试运行该应用程序时，我收到此错误

JavaScript运行时错误：'kendo'未定义

以下是我的代码。我在哪里需要定义kendo？

<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.default.min.css" />  

<script src="http://cdn.kendostatic.com/2015.2.624/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"></script>  


<div id="rpViewContent" class="view-content">
    <div id="purchdGrid"
            data-role="grid"
            data-resizable="true"
            data-navigatable="true"
            data-editable="true"
            data-pageable="false"
            data-columns="[
                { 'field': 'PO', 'title': '<b>PO #', 'width': 65 },
                { 'field': 'Line', 'title': '<b>Line #', 'width': 65 },
                { 'field': 'Item', 'title': '<b>Item #', 'width': 65 },
            ]"
            data-bind="source:purchDataSource"
            style="height: 55%">
    </div></div>  
    <script>
        var viewModel = kendo.observable({
            purchDataSource: new kendo.data.DataSource({
                schema: {
                    model: {
                        id: "ID",
                        fields: {
                            Line: { type: "string" },
                            Item: { type: "string" }
                        }
                    }
                },
                data: [
                    { ID: "43824", Line: "1", Item: "Thus is a test 1" },
                    { ID: "43825", Line: "2", Item: "Thus is a test 2" },
                    { ID: "43826", Line: "3", Item: "Thus is a test 3" }
                ]
            })
        });
        kendo.bind($("#purchViewContent"), viewModel);
    </script>

Answer 1

此代码段显示有效的Kendo对象，确保您的链接和脚本代码位于HTML文档中的正确位置。

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.default.min.css" />  
  </head>
  <body>
    <script src="http://cdn.kendostatic.com/2015.2.624/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"></script>  
    <script>
      console.log(kendo);
    </script>
  </body>
</html>

javaScript运行时错误：'kendo'未定义

1 个答案: