I have 3 dropdown lists which are cascade.
I fill the next dropdown list with datasource in change event.
That works in firefox, chrome and safari perfect.
In Internet explorer it isen't working.
$("#CategoryList").ejDropDownList({
dataSource: dataManagerCategory,
fields: { value: "test", text: "Name" },
change: "GetTypeList",
validationRules: { required: true },
validationMessage: { required: 'is required.' },
});
$("#TypeList").ejDropDownList({
dataSource: dataManagerType,
fields: { value: "test", text: "Name" },
change: "GetSpecList",
enabled: true,
validationRules: { required: true },
validationMessage: { required: 'is required.' },
});
$("#SpecList").ejDropDownList({
dataSource: dataManagerMaterial,
fields: { value: "test", text: "Name" },
enabled: true,
change: "GenerateODNo",
validationRules: { required: true },
validationMessage: { required: 'is required.' },
});
function GetTypeList(e) {
$("#Barcode").ejMaskEdit("clear");
var dataManagerType = dataManagerType = ej.DataManager({ url: "/api/ProductType1/GetById/" + e.value, adaptor: new ej.WebApiAdaptor() });
$("#TypeList").ejDropDownList({
dataSource: dataManagerType,
fields: { value: "test", text: "Name" },
enabled: true
});
$("#Barcode").ejMaskEdit({ value: CategoryList.value + TypeList.value + SpecList.value + ODNumber });
}
function GetSpecList(e) {
if (TypeList.value == 002) {
document.getElementById("Barcode").style.display = 'none';
}
else {
$("#Barcode").ejMaskEdit("clear");
var dataManagerSpec = dataManagerSpec = ej.DataManager({ url: "/api/ProductMaterial/GetById/" + e.value, adaptor: new ej.WebApiAdaptor() });
$("#SpecList").ejDropDownList({
dataSource: dataManagerSpec,
fields: { value: "test", text: "Name" },
enabled: true
});
$("#Barcode").ejMaskEdit({ value: CategoryList.value + TypeList.value + SpecList.value + ODNumber });
}
}
