使用CDN
Kendo UI for jQuery CDN駐留在上。該服務維護官方的Kendo UI for jQuery版本和服務包，不提供訪問內部構建的權限。
提示：從R3 2022版本開始，您需要來激活CDN分發(fā)。
1. 添加所需的JavaScript和CSS文件
提示： URL仍然有效，但不再推薦用于新項目。
Kendo UI CDN提供以下服務：
- kendo.cdn.telerik.com
- (Without cookies) cdn.kendostatic.com
添加CSS文件
css文件可在//kendo.cdn.telerik.com/themes/<version>/<theme>/<swatch>.css中獲得。例如您可以從//kendo.cdn.telerik.com/themes/6.4.0/default/default-main.css位置加載默認主題的6.4.0版本。
添加所需的JavaScript文件
要為Kendo UI for jQuery組件導入所需的JavaScript文件，可以使用以下方法之一：
- ——2022.3.1109版本引入的新方法。
- ——這是包含腳本的傳統(tǒng)方式。
JavaScript模塊：
位于/mjs/文件夾中，若要在項目中包含JavaScript模塊，請使用帶有type=module屬性的script標記。
下面的例子演示了如何包括單個組件模塊。
Copy code<script src="http://kendo.cdn.telerik.com/2023.2.606/mjs/kendo.grid.js" type="module"></script> <!-- Include the Grid module. The rest of the dependencies required by the Grid will be loaded automatically. -->
下面的示例展示了如何包含所有可用模塊。
<script src="http://kendo.cdn.telerik.com/2023.2.606/mjs/kendo.all.js" type="module"></script> <!-- Include all Kendo UI modules. -->
捆綁JavaScript：
Kendo UI for jQuery庫的捆綁版本可以在//kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js上獲得。例如您可以從//kendo.cdn.telerik.com/2023.2.606/js/kendo.all.min.js位置加載2023.2.606版本。
縮小的Kendo UI for jQuery腳本可以在KendoUI Q1 2014 SP1版本中使用。要加載它們，請使用//kendo.cdn.telerik.com/2023.2.606/js/kendo.ui.core.min.js URL。
2. 設置License文件
并按照提示操作。
3.為組件初始化添加HTML元素
根據您需要的組件，您可以從不同的元素初始化Kendo UI控件，在這一步中您將添加一個新的輸入元素，并從中創(chuàng)建一個Kendo UI DropDownList。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Kendo UI using CDN</title> <link rel="stylesheet" /> <script src="http://kendo.cdn.telerik.com/2023.2.606/js/jquery.min.js"></script> <script src="http://kendo.cdn.telerik.com/2023.2.606/js/kendo.all.min.js"></script> </head> <body> <input id="ddl" /> </body> </html>
4. 初始化和配置組件
下面的示例演示了如何使用一些基本配置初始化DropDownList。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kendo UI using CDN</title>
<link rel="stylesheet" />
<script src="http://kendo.cdn.telerik.com/2023.2.606/js/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2023.2.606/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2023.2.606/js/kendo.all.min.js"></script>
</head>
<body>
<input id="ddl" />
<script>
$("#ddl").kendoDropDownList({
dataTextField: "text",
dataValueField: "value",
dataSource: [
{ text: "Item1", value: "1" },
{ text: "Item2", value: "2" }
]
});
</script>
</body>
</html>
QQ交談
在線咨詢
渝公網安備
50010702500608號
客服熱線