Kendo Refresh (DropDownList.refresh()) not working ERROR Not define

Im trying to refresh the Drop Down List after another DropDownList is Change But the Refresh() method is Undefined Error Is Promoting.There For I Tried the Read the DataSource again and it shows it loading but the data is still the same.Help to Solve this Issue please.

Code:

$("#DropDownList1").change(function () {
   custCode = $("#DropDownList1").val();

   $("#titles").data("kendoDropDownList").dataSource.read(); //shows list Loading But Same Data Is present .
   $("#titles").data("kendoDropDownList").refresh(); //NOT Working 

});

1- Try adding cache: false to disable the cache in Kendo DropDownList's datasource read property:

read: {
    url: <<"url">>,
    cache: false
}

2- Then call read(),

$("#ddl").data("kendoDropDownList").dataSource.read();

It worked for me :)

For me just this line did the job:

$("#myDropDownList").data("kendoDropDownList").dataSource.read();

You might find passing parameters to the ".data()" of the dataSource useful.

Example:

var myDataSource={bookId: 10, Name: "Kendo"}
$("#titles").data("kendoDropDownList").dataSource.data(myDataSource);

However, you could also try the cascadingFrom attribute of the DropDownList when you want to update one DropDownList based on the selection of another DropDownList

//Houdini