Kendo UI Basic Grid无法正常工作/显示

时间:2014-09-23 12:02:01

标签: kendo-ui kendo-grid

我正在尝试测试Kendo UI Grid,但是当我复制示例中的代码时它似乎没有显示任何内容,我已经有了文件并在标题中正确引用了文件的URL。

从网格示例中复制代码:http://demos.telerik.com/kendo-ui/grid/index

由于

enter image description here

编辑:是的我注意到我在控制台中出现了这些错误

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/Users/SM/Desktop/kendo%20ui/styles/kendo.dataviz.min.css

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/Users/SM/Desktop/kendo%20ui/styles/kendo.dataviz.default.min.css

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/Users/SM/Desktop/kendo%20ui/js/kendo.all.min.js

Uncaught ReferenceError: kendo is not defined 

1 个答案:

答案 0 :(得分:0)

我错过了kendo.all.min.js,我不知道为什么它不包含在包裹中

这就是我在标题中的内容,现在一切正常......我甚至不需要dataviz

<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js">

或者可以在这里获得原始托管文件:

<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.dataviz.default.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js">

编辑:美丽!所有工作现在!我刚查看了示例页面http://demos.telerik.com/kendo-ui/grid/index上的来源 然后将kendo.dataviz.moonlight.min.css和examples.css保存到我的Styles文件夹中 这就是我现在在标题中的内容:

<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.moonlight.min.css" rel="stylesheet" />
<link href="styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="styles/kendo.dataviz.moonlight.min.css" rel="stylesheet" />

<link href="styles/examples.css" rel="stylesheet" />

<script src="js/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/kendo.all.min.js"></script>

现在看起来不错,控制台没有错误!快乐! :] enter image description here