Cascading ComboBox

[Yuan]

I'm trying to use cascade ComboBoxes.
In the parent ComboBox, I registered a change event like
change: function(e) {
    e.preventDefault();
    var child = $('#child').data('kendoComboBox');
    var childDataSourceUrl = "/data/source?param=" + this.value();
    child.dataSource = new kendo.data.DataSource({
        type: "json",
        serverFiltering: false,
        transport: { read: { url : childDataSourceUrl } }
    });
    child.dataSource.read();
}
When child.dataSource.read(); is called, it fires a ajax call correctly, and the response is also correct. But the data doesn't bind with child ComboBox, leaving it blank. Any idea why? And how to solve it?
Thanks!

[Alexander Valchev]

Hi Yuan,

To change the dataSource of a given widget you should use its setDataSource method.

• http://docs.telerik.com/kendo-ui/api/javascript/ui/combobox#methods-setDataSource

On a side note, may I know why you are not using the build-in cascading functionality demonstrates in this demo page:

• http://demos.telerik.com/kendo-ui/combobox/cascadingcombobox

Corresponding documentation can be found at: http://docs.telerik.com/kendo-ui/web/combobox/cascading

Regards,
Alexander Valchev
Telerik

 

 

[Yuan]

The reason I didn't want to use in-built cascading is I want to fire ajax call to get child combobox data without using server filtering.

[Yuan]

Thank you for the answer, I will try that out.

[Alexander Valchev]

Hello Yuan,

Your last messages are confusing. Did you manage to find to a solution that suits in your case?

Regards,
Alexander Valchev
Telerik

 

 

[Yuan]

Yes, your first answer actually solved my problem. Thank you very much!