入门指南

本指南演示了如何启动并运行 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");