런타임에 Kendoui Multiselect의 데이터 소스를 변경

Question

런타임에 kendoui multiselect에 데이터를 바인딩하고 싶습니다. 예를 들어 을 drobdownlist의 계단식으로 묶고 싶다고 가정 해보십시오. 아이디어가 있으십니까?

Answer 1

<p> 
    <label for="categories">Catergories:</label> 

    @(Html.Kendo().DropDownList() 
     .Name("categories") 
     .HtmlAttributes(new { style = "width:300px" }) 
     .OptionLabel("Select category...") 
     .DataTextField("CategoryName") 
     .DataValueField("CategoryId") 
     .DataSource(source => 
     { 
      source.Read(read => 
      { 
       read.Action("GetCascadeCategories", "CoreParam"); 
      }); 
     }) 
     .Events(e =>e.Select("select")) 
    ) 

</p> 
<p> 
    <label for="parameters">Parameters:</label> 

    @(Html.Kendo().MultiSelect() 
     .Name("parameters") 
     .HtmlAttributes(new { style = "width:400px" }) 
     .DataTextField("ParamDesc") 
     .DataValueField("ParamCode") 
     .Placeholder("Select products...") 
     .DataSource(source => 
     { 
      source.Read(read => 
      { 
       read.Action("GetCascadeParams", "CoreParam") 
        .Data("filterParams"); 
      }) 
      .ServerFiltering(true); 
     }) 
     .AutoBind(false) 
    ) 

</p> 

<script type="text/javascript"> 

    function filterParams() { 
     return { 
      categories: $("#categories").val() 
     }; 
    } 

    function select(e) { 
     var dropdownlist = $("#categories").data("kendoDropDownList"); 
     dropdownlist.select(e.item.index()); 
     var multiselect = $("#parameters").data("kendoMultiSelect"); 
     multiselect.dataSource.read(); 
    }; 
</script> 

Answer 2

사용자 정의 MVVM 바인더를 작성하여 드롭 다운 목록의 텍스트를 가져 와서 ViewModel의 특성을 설정할 수 있습니다. 이 속성은 숨겨진 필드에 바인딩 될 수 있습니다. 자세한 내용은 아래 링크를 확인하십시오.