概述

立即下載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>