我试图根据另一个下拉列表(cboSearchString1DDL.element [0] .value)中的选定值设置远程数据url。我将继续学习Kendo Web控件,因此我不确定如何最有效地完成此任务。我尝试了几种方法,但读取dataSource时仍然出现错误。我正在尝试将其设置为DDL1的关闭。这是我的位置,我知道这不是正确的方法:
// search string 1 DDL
var cboSearchString1DDL = $("#cboSearchString1DDL").kendoDropDownList({
autoBind: false,
optionLabel: " "
}).data("kendoDropDownList");
// search string 2 DDL
var cboSearchString2DDL = $("#cboSearchString2DDL").kendoDropDownList({
autoBind: false,
optionLabel: " "
}).data("kendoDropDownList");
// 1st DDL dataSource
var dataSourceTowns = new kendo.data.DataSource({
transport: {
read: {
url: _urlTowns,
dataType: "json",
}
},
schema: {
data: "Towns"
}
});
$("#cboSearchString1DDL").data("kendoDropDownList").wrapper.show();
// 1st DDL
var townsDDL = $("#cboSearchString1DDL").kendoDropDownList({
autoBind: false,
dataTextField: "Column1",
dataValueField: "Column1",
dataSource: dataSourceTowns,
close: function () {
alert(cboSearchString1DDL.element[0].value);
streetsDDL.enable(true);
streetsDDL.setDataSource(dataSourcestreetsDDL);
streetsDDL.refresh();
}
}).data("kendoDropDownList");
// show 2nd DDL
$("#cboSearchString2DDL").data("kendoDropDownList").wrapper.show();
cboSearchString2DDL.enable(false);
// 2nd DDL datasource
var dataSourcestreetsDDL = new kendo.data.DataSource({
transport: {
read: {
url: _urlSOESearchAddress + "townName=" + cboSearchString1DDL.element[0].value + "&f=",
dataType: "json",
},
},
schema: {
data: "StreetsinTown"
}
});
// 2nd DDL
var streetsDDL = $("#cboSearchString2DDL").kendoDropDownList({
autoBind: false,
dataTextField: "Street",
dataValueField: "Street",
requestStart: function (e) {
console.log("request started");
},
requestEnd: function (e) {
var response = e.response;
var type = e.type;
console.log(type);
console.log(response.length);
}
}).data("kendoDropDownList");
提前致谢!
最佳答案
请记住,URL可以是将URL作为字符串返回的函数。因此,如果更容易编写代码,则还可以执行以下操作:
var dataSourcestreetsDDL = new kendo.data.DataSource({
transport: {
read: {
url: function () {
var searchAddress = ...;
var searchString = ...;
return searchAddress + "townName=" + searchString + "&f=";
}
...
每当数据源需要读取数据时,都会调用该函数。当下拉菜单关闭时,这比更改内容要容易。