2012-03-13 8 views
3

私は検索ページを持っていて、それにいくつかのフィルタを追加したいと思う、私の設定は非常に簡単で、国のCombobBoxと州のコンボボックスがある。コンボボックスをtelerik mvcのデフォルト値でカスケード接続

が、私はどの国が選択されていない場合は、すべての状態を表示したいここに私のコードです(実際には、国のコンボボックスの最初の項目は「すべて」です):

@(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に設定されています。値を選択するまで、2番目のコンボボックスは無効のままです。この仕事をする方法はありますか?

答えて

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

ニースアプローチ、 は私が(その前に、私は実際にちょうど私が良く考えて作ることができるかどうかを確認するためにtelerikのコードを変更)ここcascadeToをabbandoned。 あなたのソリューションは非常にきれいに見える、ありがとう:D – Tejo

関連する問題