Javascript KendoUI下拉列表如何绑定
有人能提供一个例子,说明我如何将以下两个属性绑定到我的BookType剑道下拉列表中吗?我需要将dataTextField绑定到Name,将dataValueField绑定到BookTypeId 数据以以下形式返回: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
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, } } } }; 但是您需要直接返回书籍类型数组