在運行時更改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的屬性。該屬性可以綁定到隱藏字段。查看下面的鏈接瞭解更多信息。