kendo-ui开始使用kendo-ui


备注

本节概述了kendo-ui是什么,以及开发人员为什么要使用它。

它还应该提到kendo-ui中的任何大型主题,并链接到相关主题。由于kendo-ui的文档是新的,您可能需要创建这些相关主题的初始版本。

安装或设置

要准备您的网站或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>