【问题标题】:Kendo DropDownList Not Binding DataKendo DropDownList 不绑定数据
【发布时间】:2019-07-19 16:34:57
【问题描述】:

我正在使用 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 不是函数”。

编辑

为模型添加了id字段,没有效果。

【问题讨论】:

    标签: kendo-ui kendo-dropdown


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2013-08-30
      • 1970-01-01
      • 1970-01-01
      • 2015-05-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-12-25
      • 1970-01-01
      相关资源
      最近更新 更多