I have 4 cascading combos
the first one works fine but when I select an item from it nothing happens to the second one...
I want to be able to select an item from all to send to the server to generate the data for the grid I have below.
$(
"#LineOfBusiness"
).kendoComboBox({
dataTextField:
"LineOfBusiness"
,
dataValueField:
"LineOfBusiness"
,
dataSource: {
type:
"json"
,
transport: {
read:
"/ajax/lobs.php"
},
serverFiltering:
true
,
schema: {
data:
"data"
,
total:
"total"
}
},
filter:
"contains"
,
suggest:
true
,
index: 3
});
$(
"#ProjectName"
).kendoComboBox({
cascadeFrom:
"LineOfBusiness"
,
autoBind:
false
,
dataTextField:
"ProjectName"
,
dataValueField:
"ProjectName"
,
dataSource: {
type:
"json"
,
transport: {
read:
"/ajax/projects.php"
},
serverFiltering:
true
,
schema: {
data:
"data"
,
total:
"total"
}
},
filter:
"contains"
,
suggest:
true
,
index: 3
}).data(
"kendoComboBox"
);
$(
"#HRLevel"
).kendoComboBox({
cascadeFrom:
"ProjectName"
,
autoBind:
false
,
dataTextField:
"HRLevel"
,
dataValueField:
"HRLevel"
,
dataSource: {
type:
"json"
,
transport: {
read:
"/ajax/hrlevels.php"
},
serverFiltering:
true
,
schema: {
data:
"data"
,
total:
"total"
}
},
filter:
"contains"
,
suggest:
true
,
index: 3
}).data(
"kendoComboBox"
);
$(
"#Manager"
).kendoComboBox({
cascadeFrom:
"HRLevel"
,
autoBind:
false
,
dataTextField:
"ManagerName"
,
dataValueField:
"ManagerName"
,
dataSource: {
type:
"json"
,
transport: {
read:
"/ajax/managers.php"
},
serverFiltering:
true
,
schema: {
data:
"data"
,
total:
"total"
}
},
filter:
"contains"
,
suggest:
true
,
index: 3
}).data(
"kendoComboBox"
);
var
lob = $(
"#LineOfBusiness"
).data(
"kendoComboBox"
);
var
projectname = $(
"#ProjectName"
).data(
"kendoComboBox"
);
var
hrlevel = $(
"#HRLevel"
).data(
"kendoComboBox"
);
var
manager = $(
"#Manager"
).data(
"kendoComboBox"
);
the first one works fine but when I select an item from it nothing happens to the second one...
I want to be able to select an item from all to send to the server to generate the data for the grid I have below.