我试图做一个简单的级联下拉列表,但由于某种原因,3 个下拉列表没有正确级联。从上一个下拉列表中级联engineType 不考虑品牌。
例如选择make->Audi,然后选择EngineType->Deisel。3 下拉列表应显示“A4”。但它显示了所有 Deisel 发动机。
对此有任何帮助。
$(document).ready(function () {
var makes = $("#makes").kendoDropDownList({
autoBind: true,
optionLabel: "Select",
dataTextField: "make",
dataValueField: "make",
dataSource: [
{ make: "Audi"},
{ make: "BMW" },
{ make: "Saab"}
]
}).data("kendoDropDownList");
var engineType = $("#engineTypes").kendoDropDownList({
autoBind: false,
cascadeFrom: "makes",
optionLabel: "Select",
dataTextField: "engineType",
dataValueField: "engineType",
dataSource: [
{ make: "Audi", engineType: "Deisel"},
{ make: "Audi", engineType: "Petrol"},
{ make: "BMW", engineType: "Deisel"},
{ make: "Saab", engineType: "Deisel"}
]
}).data("kendoDropDownList");
var models = $("#models").kendoDropDownList({
autoBind: false,
cascadeFrom: "engineTypes",
optionLabel: "Select",
dataTextField: "chose",
dataValueField: "chose",
dataSource: [
{ make: "Audi", engineType: "Deisel", chose: "A4"},
{ make: "Audi", engineType: "Petrol", chose: "A5"},
{ make: "BMW", engineType: "Deisel", chose: "3 Series"},
{ make: "Saab", engineType: "Deisel", chose: "900"}
]
}).data("kendoDropDownList");
});