概述

立即下载Kendo UI for jQuery

ButtonGroup可以将一系列按钮组合在一条线上。

初始化ButtonGroup

可以从HTML标记或JSONdata对象初始化ButtonGroup。

HTML

下面的例子演示了如何从HTML标记中初始化Kendo UI ButtonGroup。

<ul id="buttongroup">
<li>Option 1</li>
<li>Option 2</li>
<li>Option 3</li>
</ul>

<script>
$("#buttongroup").kendoButtonGroup();
</script>

JSON

下面的例子演示了如何从JSONdata对象中初始化Kendo UI ButtonGroup。

<div id="buttongroup"></div>

<script>
$("#buttongroup").kendoButtonGroup({
items: [
{ text: "Option1" },
{ text: "Option2" },
{ text: "Option3" }
]
});
</script>