Cascading ComboBox values after model error

[dani]

I have 2 Cascading DropDownLists:

@Html.Telerik().DropDownListFor(m => m.nCountryID).BindTo(Model.Countries).Placeholder("Select Country").CascadeTo("nStateID")

@(Html.Telerik().DropDownListFor(m => m.nStateID).Name("nStateID")
.DataBinding(binding => binding.Ajax().Select("_GetDropDownListStates", "User")).Placeholder("Select State")

If I post the form they are in , and there is an error on the form, I'm calling the view again with the same ViewModel
(populating correctly the Model.Countries.

How can I reBind the State DropDown list with the list of right states and on the same state that was submitted ?
(The value is in the Model.nStateID)

[Petur Subev]

Hi Dani,

You can use the OnLoad event of the second combobox and call the fill method of its client object.
e.g.

function onSecondComboLoad()
{
    $(this).data('tComboBox').fill();
}

This will force the ComboBox to fetch its data from the server.

All the best,
Petur Subev
the Telerik team

[Maks]

function onSecondComboLoad()
{
    $('#FirstCombo').trigger('valueChange');
}