Javascript KendoUI下拉列表如何绑定

Javascript KendoUI下拉列表如何绑定,javascript,Javascript,有人能提供一个例子,说明我如何将以下两个属性绑定到我的BookType剑道下拉列表中吗?我需要将dataTextField绑定到Name,将dataValueField绑定到BookTypeId 数据以以下形式返回: books: Object bookTypes: Array[4] 0: Object ID: 1 Name: "Web Development" BookTypeId: 1 1: Object ID: 2

有人能提供一个例子,说明我如何将以下两个属性绑定到我的BookType剑道下拉列表中吗?我需要将dataTextField绑定到Name,将dataValueField绑定到BookTypeId

数据以以下形式返回:

books: Object
bookTypes: Array[4]
  0: Object
       ID: 1
       Name: "Web Development"
       BookTypeId: 1
  1: Object
       ID: 2
       Name: "Networking"
       BookTypeId: 2
  2: Object
       ID: 3
       Name: "Game Development"
       BookTypeId: 3
  3: Object
       ID: 4
       Name: "OS Development"
       BookTypeId: 4
这是我的电话:

$.ajax({
async: false,
type: "GET",
url: "GetBookTypes",
contentType: "application/json",
dataType: "json",
success: function (res) {
    if (typeof res !== "undefined" && typeof res.Errors !== "undefined") {
        if (res.Errors.length > 0) {
            // Display each error
            for (var i = 0; i < res.Errors.length; i++) {
                alert(res.Errors[i].ErrorMessage);
            }
        }
    } else if (typeof res !== "undefined") {

        $("#BookType").kendoDropDownList({
            dataTextField: "Name",
            dataValueField: "BookTypeId",
            dataSource: res,
        }).data("kendoDropDownList");
    }
},
complete: function () {

},
error: function (res) {
    alert(res.responseText);
}

})

您需要将数组数据本身绑定到数据源:

$BookType.kendoDropDownList{ dataTextField:Name, dataValueField:BookTypeId, 数据源:res.bookTypes, };

但使用远程数据源绑定时会更容易一些,例如:

$BookType.kendoDropDownList{ dataTextField:Name, dataValueField:BookTypeId, 数据源:{ 运输:{ 阅读:{ 数据类型:jsonp, url:GetBookTypes, } } } };

但是您需要直接返回书籍类型数组