安裝或設定

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>