kendo-ui - 在运行时更改 Kendoui Multiselect 的数据源

Question

我想在运行时将数据绑定到 kendoui 多选。例如，假设我想将它绑定为 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 的属性。此属性可以绑定到隐藏字段。查看下面的链接以获取更多信息。