asp.net-mvc - 在 telerik mvc 上使用默认值的级联组合框

Question

我有一个搜索页面并想向其中添加一些过滤器，我的设置非常简单，我有一个用于国家/地区的 ComboBox 和一个用于州的 ComboBox。

如果没有选择国家，我想显示所有州(实际上，国家组合框的第一项是“全部”)这是我的代码:

    @(Html.Telerik().ComboBoxFor(m => m.Country)
         .Name("cbxCountry")
         .BindTo(this.Model.CountryList)
         .SelectedIndex(0).CascadeTo("cbxStates"))

    @(Html.Telerik().ComboBoxFor(m=>m.State)
         .Name("cbxStates")
         .DataBinding(binding => binding.Ajax()
         .Select("AjaxLoadStates","States")))

请注意，即使 .SelectedIndex 设置为 1、3、1231231，第二个组合框也会保持禁用状态，直到我选择一个值。有什么方法可以使它起作用吗？

Answer 1

您可以使用 client API 来做到这一点在 JavaScript 中:

<script type="text/javascript">
    function SelectFirstCountry() {
        var cbxCountry = $("#cbxCountry").data('tComboBox')
        var cbxStates = $("#cbxStates").data('tComboBox')

        cbxCountry.select(1);
        cbxStates.enable();
    }

    $(document).ready(function () {
        @{
            Html.Telerik().ScriptRegistrar().OnDocumentReady("SelectFirstCountry()");
        }
    });
</script>