Kendo UI DropDownList是否支持分组？

Question

我使用的是Kendo UI DropDownList，但无法找到将值组合在一起的方法。这个功能可用吗？

从2013年初看到以下帖子，其中说这是在路线图上，但不确定它是否已实施。

http://www.telerik.com/forums/option-group-for-datasource-in-dropdownlist

Answer 1

自2015年第一季度发布以来，数据源支持此功能。但是，当绑定到本地数据时，看起来你可以做到这一点。

• UserVoice Item
• Demo

Answer 2

现在支持分组，与数据源一起使用。这是一个代码片段，它将使用Kendo UI 2015.3.1111和jQuery 1.9.1创建下拉列表，按团队颜色分组。数据源candidates是一个本地数据项数组。下拉列表将替换页面上的HTML元素<input id="victim"/>。

var candidates = [
    { "id": 1, "name": "Alice", "team": "Red" },
    { "id": 2, "name": "Bob", "team": "Red" },
    { "id": 3, "name": "Charlie", "team": "Blue" },
    { "id": 4, "name": "Dorothy", "team": "Blue" },
    { "id": 5, "name": "Ed", "team": "Green" },
    { "id": 6, "name": "Frances", "team": "Green" },
    { "id": 7, "name": "George", "team": "Purple" },
    { "id": 8, "name": "Helen", "team": "Purple" },
];

$("#victim").kendoDropDownList({
    "dataTextField": "name",
    "dataValueField": "id",
    "dataSource": { "data": candidates, "group": "team" },
    "index": 0
});

这就是FireFox中使用库存样式的下拉列表：

之前我没有注意到，但小部件也命令小组。

Answer 3

Kendo DropDownList小部件不支持分组。