级联Combobox与telerik mvc上的默认值

时间:2012-03-13 17:27:21

标签: asp.net-mvc asp.net-mvc-3 telerik-mvc

我有一个搜索页面,想要添加一些过滤器,我的设置很简单,我有一个国家的CombobBox和一个国家的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,第二个组合框也会一直处于禁用状态,直到我选择一个值。有没有办法让这项工作?

1 个答案:

答案 0 :(得分:3)

您可以使用javascript中的client API执行此操作:

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