在运行时更改 Kendoui Multiselect 的数据源答案

【问题标题】：changing Datasource of Kendoui Multiselect at runtime在运行时更改 Kendoui Multiselect 的数据源
【发布时间】：2013-05-13 08:37:52
【问题描述】：

我想在运行时将数据绑定到 kendoui 多选。例如，假设我想将它绑定为 drobdownlist 的级联。有什么想法吗？

【问题讨论】：

标签： kendo-ui multi-select

【解决方案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>

【讨论】：

【解决方案2】：

您可以创建一个自定义 MVVM 绑定器，该绑定器将获取下拉列表的文本并设置 ViewModel 的属性。此属性可以绑定到隐藏字段。查看下面的链接了解更多信息。

【讨论】：

你知道我只需要一种方法来触发我用来绑定多选的数据源委托的读取方法。但我不知道我该怎么做。