• <menu id="w2i4a"></menu>
  •
    logo telerik中文文檔

    安裝Bower

    立即下載Kendo UI for jQuery

    Bower是一個(gè)流行的web包管理器，用于處理框架、庫(kù)、資產(chǎn)和實(shí)用程序。

    1.安裝軟件包

    Kendo UI for jQuery維護(hù)了商業(yè)的Kendo UI for jQuery (Kendo UI Professional)和開源的Kendo UI for jQuery (Kendo UI Core) Bower包。

    所有正式版本、服務(wù)包和內(nèi)部構(gòu)建都被上傳到兩個(gè)發(fā)行包中。

    bower的商業(yè)分銷

    提示：商業(yè)KendoUI Bower包僅供商業(yè)許可證持有人使用。

    商業(yè)發(fā)行包作為私有GitHub存儲(chǔ)庫(kù)提供。要訪問(wèn)它的內(nèi)容請(qǐng)激活Kendo UI for jQuery或DevCraft的訂閱，Bower會(huì)在安裝和更新過(guò)程中提示你輸入用戶名和密碼。

    在安裝Bower包的過(guò)程中，您可能需要多次確認(rèn)您的憑據(jù)。

    安裝商用發(fā)行包的命令如下： 

    Copy codebower install https://bower.telerik.com/bower-kendo-ui.git --config.shallowCloneHosts="bower.telerik.com"

    我們建議在bower安裝時(shí)指定shallowCloneHosts配置鍵，因?yàn)閱⒂胋ower淺克隆可以極大地加快下載速度。

    使用bower info kendo-ui——verbose命令查看可用的商業(yè)發(fā)行版本。

    你也可以將這個(gè)包添加到bower.json文件中。 

    "dependencies": {
"kendo-ui": "https://bower.telerik.com/bower-kendo-ui.git#~2023.2.606"
}

    Bower上的開源發(fā)行版

    開源的Bower包可以作為公共GitHub存儲(chǔ)庫(kù)獲得，并且在Bower注冊(cè)表中也注冊(cè)為kendo-ui-core。

    要安裝Kendo UI Core Bower包請(qǐng)運(yùn)行Bower install Kendo - UI - Core命令。

    執(zhí)行bower info kendo-ui-core——verbose命令可以查看該包可用的開源發(fā)行版本。

    2. 添加所需的JavaScript和CSS文件

    一旦腳本和樣式在項(xiàng)目目錄中可用，您就可以直接使用已安裝的包。 

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kendo UI with Bower</title>

<link rel="stylesheet" href="bower_components\kendo-ui\styles\kendo.default-main.min.css">
<script src="bower_components\kendo-ui\js\jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bower_components\kendo-ui\js\kendo.all.min.js" type="text/javascript" charset="utf-8"></script>
</head>
</html>
    3.為組件初始化添加HTML元素

    根據(jù)你需要的組件，你可以從不同的元素初始化Kendo UI控件。在這一步中，您將添加一個(gè)新的輸入元素，從中創(chuàng)建一個(gè)Kendo UI DropDownList。 

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kendo UI with Bower</title>

<link rel="stylesheet" href="bower_components\kendo-ui\styles\kendo.default-main.min.css">
<script src="bower_components\kendo-ui\js\jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bower_components\kendo-ui\js\kendo.all.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<input id="ddl" />
</body>
</html>
    4. 初始化和配置組件

    下面的示例演示如何使用一些基本配置初始化DropDownList。 

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kendo UI with Bower</title>

<link rel="stylesheet" href="bower_components\kendo-ui\styles\kendo.default-main.min.css">
<script src="bower_components\kendo-ui\js\jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bower_components\kendo-ui\js\kendo.all.min.js" type="text/javascript" charset="utf-8"></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>
    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    023-68661681

    TOP
    三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();