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

Question

我正在尝试在客户端对多选项进行分组。为此，我正在关注this教程。

它说：

  

要在ComboBox中启用分组功能，请使用遥控器   传输和分组数据源。

但我想在客户端进行分组。这是我的代码：

  $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" }
            }
        };

但这并没有给出适当的分组。见下图：

我有什么不正确的事吗？

Answer 1

问题是由父作为JavaScript中的保留字引起的。似乎剑道的数据源对象试图从您的父母那里获取数据的方式是＆＃34; column导致它获得对其实际父对象的引用。

如果您将列名更改为＆＃34; parentgroup＆＃34;或其他什么，它应该工作正常。