入門指南

---

立即下載Kendo UI for jQuery

本指南演示了如何啟動(dòng)并運(yùn)行 Kendo UI for jQuery 中的Badge。

1. 創(chuàng)建一個(gè)選擇元素

首先，<span>在頁面上創(chuàng)建一個(gè)元素，從該元素將初始化 Badge組件。

<span id="badge">Badge</span>

2. 初始化徽章

在此步驟中，您將從<span>元素初始化Badge，當(dāng)您初始化組件時(shí)，Badge的所有設(shè)置都將在腳本語句中提供,您必須用 JavaScript 描述其配置和事件處理程序。

<span id="badge">Badge</span>

<script>
// Target the span element by using jQuery and then call the kendoBadge() method.
$("#badge").kendoBadge();
</script>

基本初始化完成后，您可以開始向 Badge 添加其他配置。

3. 添加圖標(biāo)

您可以通過配置圖標(biāo)在Badge中顯示圖標(biāo)。

<span id="badge">Badge</span>

<script>
$("#badge").kendoBadge({
icon: "edit"
});
</script>

4. 設(shè)置Badge的主題顏色。

您可以配置Badge的themeColor。

<span id="badge">Badge</span>

<script>
$("#badge").kendoBadge({
themeColor: 'success'
});
</script>

參考現(xiàn)有Badge實(shí)例

要引用現(xiàn)有的 Badge 實(shí)例：

1. 使用該jQuery.data()方法。
2. 建立引用后，使用Badge API來控制其行為。

var badge = $("#badge").data("kendoBadge");