安装或设置

Created: November-22, 2018

要准备你的网站或 Web 应用程序以使用 Kendo UI，只需在页面的 <head> 部分添加样式和脚本文件即可。

CDN 服务是针对 HTTP 和 HTTPS 协议的官方 Kendo UI 版本的缩小版本提供的。

JQuery 还需要使用 Kendo UI，它也由 CDN 提供。

<!-- The common stylesheet for basic styling -->
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/[version number]/styles/kendo.common.min.css" />
<!-- The theme stylesheet for the specific theme -->
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/[version number/styles/kendo.[theme name].min.css" />

<!-- Note that the version number here is that of Kendo UI, and not that of jQuery -->
<script src="http://kendo.cdn.telerik.com/[version number]/js/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/[version number]/js/kendo.all.min.js"></script>

在上面的代码片段中，使用了 kendo.all 脚本，其中包含所有基本的 kendo 小部件（不包括 DataViz 小部件套件）。

你也可以通过加载该组件的脚本文件来选择所需的小部件或组件。例如，将 all 更改为 calendar 以获取日历小部件的脚本：

有关你可以使用的所有文件的列表，请参阅 Kendo UI 的“ 仅限你需要的” 页面

以下是样式和脚本标记的功能代码段，可用于快速入门：

<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.blueopal.min.css" />

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