入門指南

---

立即下載Kendo UI for jQuery

本指南演示了如何啟動并運行 Kendo UI for jQuery 中的Badge。

1. 創建一個選擇元素

首先，<span>在頁面上創建一個元素，從該元素將初始化 Badge組件。

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

2. 初始化徽章

在此步驟中，您將從<span>元素初始化Badge，當您初始化組件時，Badge的所有設置都將在腳本語句中提供,您必須用 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. 添加圖標

您可以通過配置圖標在Badge中顯示圖標。

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

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

4. 設置Badge的主題顏色。

您可以配置Badge的themeColor。

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

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

參考現有Badge實例

要引用現有的 Badge 實例：

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

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