剑道ui核心问题入门答案

【问题标题】：kendo ui core trouble getting started剑道ui核心问题入门
【发布时间】：2014-07-11 08:42:54
【问题描述】：

我正在尝试开始使用 kendo ui 核心。我按照说明在

http://docs.telerik.com/kendo-ui/getting-started/introduction?utm_source=telerik&utm_medium=email&utm_campaign=kuicore1

其中包含指向文件 js/kendo.web.min.js 的链接，但该文件不在 kendoui.core 下载中。

我尝试将 js/kendo.web.min.js 替换为下载中的 js/kendo.core.min.js，但这也不起作用。

我还收到一个我什至没有调用的文件的 javascript 控制台错误。 GET /telerik.kendoui.2014.1.416.core/js/jquery-1.9.1.js 404（未找到）

我尝试同时包含 jquery-1.9.1.js 的本地副本和指向 google cdn 的链接，该链接删除了 404 错误，但 kendo ui 组件仍然不起作用。

请帮助我开始，谢谢

<!doctype html>
<html>
    <head>
        <title>Kendo UI Web</title>
        <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.core.min.js"></script>

    </head>
    <body>
        <input id="datepicker" />
        <script>
            $(function() {
                $("#datepicker").kendoDatePicker();
            });
        </script>
    </body>
</html>

【问题讨论】：

标签： kendo-ui

【解决方案1】：

如果您使用 Kendo UI Professional，那么您可以使用 core，并且您在一个文件中拥有所需的所有 JavaScript (kendo.web.min.js) - 除了 jQuery- 但这包括很多您可能不需要的代码。这就是为什么 Telerik 还会分发单独的文件，让您的生活更加艰难，但您的网络更加高效。

您可以使用以下示例，然后无需设置任何其他内容。如果您将其复制到文件并在浏览器中打开它应该可以工作...

<!doctype html>
<html>
<head>
    <title>Kendo UI Web</title>
    <link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.ui.core.min.js"></script>
</head>
<body>
<input id="datepicker" />
<script>
    $(function() {
        $("#datepicker").kendoDatePicker();
    });
</script>
</body>
</html>

但这效率不高，因为您正在加载所有小部件并且是从互联网上获取它们的。

但是如果您想使用 Kendo UI CORE，您需要包含在所有小部件（包含在此核心中）的文件是 NOT强>kendo.core.min.js 但kendo.ui.core.min.js。所以你的代码应该是：

<!doctype html>
<html>
<head>
    <title>Kendo UI Web</title>
    <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.ui.core.min.js"></script>

</head>
<body>
<input id="datepicker" />
<script>
    $(function() {
        $("#datepicker").kendoDatePicker();
    });
</script>
</body>
</html>

但是您似乎想将其部署在您的服务器/计算机中，而不是从互联网上。然后你需要复制到你的系统：

JavaScript：

js/jquery.min.js
js/kendo.ui.core.min.js

CSS：

styles/kendo.common.min.css
styles/kendo.default.min.css

默认样式使用的加文件：

styles/Default/editor.png
styles/Default/imagebrowser.png
styles/Default/indeterminate.gif
styles/Default/loading.gif
styles/Default/loading-image.gif
styles/Default/loading_2x.gif
styles/Default/slider-h.gif
styles/Default/slider-v.gif
styles/Default/sprite.png
styles/Default/sprite_2x.png

所有这些文件都由kendo.default.min.css 引用，您可以在下载的包含Kendo UI Core 的zip 中找到它们。

【讨论】：

谢谢 - 这是非常宝贵的 - 希望这是在 Telerik 的前面！