如何使用 javascript 绑定 telerik mvc 下拉列表

Question

我有一个带有两个 telerik mvc 下拉菜单的应用程序 - 区域和国家。每次区域下拉列表更改时，我都需要使用 ASMX Web 服务填充国家/地区下拉列表。换句话说，我需要将参数传递给 Web 服务以及从客户端调用绑定方法的方法。这就是我所拥有的，但它不起作用。

@(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"))
    )

现在脚本

<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>

谢谢

Answer 1

尝试

SeasonDDLv.rebind();

代替

SeasonDDLv.dataBind();

Answer 2

经过一番研究，我在这里找到了答案

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

它是

countryDDLv.reload();