Kendo下拉列表 - 远程数据绑定

时间:2016-12-10 16:09:14

标签: javascript jquery json kendo-ui

我有本地服务,我希望绑定数据到下拉列表。当我的dd列表下载数据时,我得到了错误

  

Uncaught SyntaxError:意外的令牌:

任何想法如何解决这个问题?

我的JSON:

{"Data":{"Data":[{"__type":"EType:#DataAccessLayer.Entities","Id":1,"Name":"Zamestnanec"},{"__type":"EType:#DataAccessLayer.Entities","Id":2,"Name":"Manažér"}]},"Valid":true}

我的剑道ddl:

$("#types").kendoDropDownList({
            dataTextField: "Data.Data.Name",
            dataValueField: "Data.Data.Id",
            dataSource: {
                transport: {
                    read: {
                        dataType: "jsonp",
                        url: "http://localhost:3992/MyService.svc/GetRoleTypes",
                    }
                }
            }
        });

1 个答案:

答案 0 :(得分:0)

你必须先解析响应,然后才能使用它,你可以使用数据源中的schema选项解析响应,如下所示:

$("#types").kendoDropDownList({
    dataTextField: "Name",
    dataValueField: "Id",
    dataSource: {
        transport: {
            read: {
                dataType: "jsonp",
                url: "http://localhost:3992/MyService.svc/GetRoleTypes"
            }
        },
        schema: {
            data: function (response) {
                return response.Data.Data;
            }
        }
    }
});

并且忘记更改dataTextField和dataValueField也如上所示