Kendo DropDownList 未绑定数据

Question

我正在使用 Kendo 下拉列表来显示来自远程服务调用的数据。

首先，这里是 HTML 模板中的定义：

<select
kendo-drop-down-list
k-options="dropdownOptions"
k-ng-delay="dropdownOptions">
</select>

接下来，这是从 AngularJS 控制器填充下拉列表的代码：

    var myUrl = '(url of REST service)';
                $scope.dropdownOptions = {
                    dataSource: {
                        transport: {
                            read: {
                                url: myUrl,
                                dataType: 'json',
                                type: 'POST',
                                contentType: "application/json;charset=ISO-8859-1"
                            },
                            parameterMap: function (data, type) {
                                const req = {
                                    "PARAMS": $scope.params
                                };

                                return JSON.stringify(req);

                            }
                        }
                    },
                    dataTextField: 'DESCRIPTION',
                    dataValueField: 'VALUE',
                    schema: {
                        type: "json",
                        data: "resultData",
                        model: {
                            id: "VALUE",
                            fields: {
                                "VALUE":{field: "VALUE", type: "string"},
                                "DESCRIPTION":{field: "DESCRIPTION", type: "string"}
                            }
                        }
                    }
                };

（注意：REST 服务要求数据通过 POST 作为 JSON 对象提供，因此需要类型和参数映射）。

我已确认用于填充下拉列表的数据是从 REST 服务返回的，作为键 "resultData":

下的数组

{
    "resultData":[{"DESCRIPTION":"Whatever","VALUE":"VALUE1"},...]
}

谁能帮帮我？

更新

我也在我的开发控制台中看到 "e.slice is not a function"。

编辑

向模型添加了 id 字段，没有效果。

Answer 1

问题是 schema 应该是 dataSource 的 child。一旦我解决了这个问题，数据就开始显示了。

Kendo DropDownList 未绑定数据

Kendo DropDownList Not Binding Data

kendo-ui

kendo-dropdown