Kendo ui 如何在剑道UI MultiSelect中对客户端的项目进行分组？

我正在尝试在客户端的multiselect中对项目进行分组。为此，我遵循教程

它说：

要在组合框中启用分组功能，请使用远程 传输和分组数据源

但我想把它放在客户端。这是我的密码：

  $scope.data = [{ "id": "1", "paramname": "Name", "parent": "Driving License" }, { "id": "2", "paramname": "Address", "parent": "Driving License" }, { "id": "3", "paramname": "SSN", "parent": "Driving License" }, { "id": "4", "paramname": "Name", "parent": "Voter Id" }, { "id": "5", "paramname": "Address", "parent": "Voter Id" }, { "id": "6", "paramname": "State", "parent": "Voter Id" }]

        $scope.selectOptions = {
            placeholder: "Select products...",
            dataTextField: "paramname",
            dataValueField: "id",
             valuePrimitive: true,
            autoBind: false,
            dataSource: {
                data: $scope.data,
                serverGrouping: false,
                group: { field: "parent" }
            }
        };

但这并没有给出正确的分组。见下图：

---

有什么我做得不对吗？

这个问题是由父项在JavaScript中是保留字引起的。Kendo的datasource对象试图从“父”列获取数据的方式似乎导致它获取对其实际父对象的引用

如果您将列名更改为“parentgroup”或其他名称，它应该可以正常工作