Comment lier une liste déroulante telerik mvc en utilisant javascript

Question

J'ai une application avec deux menus déroulants telerik mvc - région et pays. J'ai besoin de remplir la liste déroulante du pays en utilisant un service Web ASMX chaque fois que la liste déroulante de la région change. En d'autres termes, je dois passer un paramètre au service Web et un moyen d'appeler la méthode de liaison du client. C'est ce que j'ai mais ça ne marche pas.

@(Html.Telerik().DropDownList() 
      .Name("RegionDDL") 
      .BindTo(new SelectList(Model, "value", "value")) 
      .ClientEvents(events => events.OnChange("onChange")) 

     ) 
@(Html.Telerik().DropDownList() 
      .Name("SeasonDDL") 
      .ClientEvents(events => events 
       .OnDataBinding("onDropDownListDataBinding") 
      ) 
      .DataBinding(dataBinding => dataBinding 
      .WebService().Select("~/country.svc/GetSeasonDropDownItems")) 
    ) 

Maintenant, les scripts

<script type="text/javascript"> 

var RegionDDLv; 

function onChange() { 
     //Get the region 
     RegionDDLv = $("#RegionDDL").data("tDropDownList").value(); 
     var countryDDLv = $("#countryDDL").data("tDropDownList"); 

     countryDDLv.dataBind();//THIS IS NOT WORKING 
} 
function onDropDownListDataBinding(e) { 
     e.data = { region: RegionDDLv }; 
}     
</script> 

Merci

Answer 1

Après quelques recherches, j'ai trouvé le answerer ici

http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-combobox-client-api-and-events.html

Il est

countryDDLv.reload(); 

Answer 2

essayer

SeasonDDLv.rebind(); 

au lieu de

SeasonDDLv.dataBind();