asp kendo multiselect 通过 jquery 手动选择项目答案

【问题标题】：asp kendo multiselect manualy select items by jqueryasp kendo multiselect 通过 jquery 手动选择项目
【发布时间】：2021-06-16 11:58:25
【问题描述】：

在我的表单中有 asp kendo multiselect ；我想从 asp kendo 下拉列表中的每个选定值中从多选中选择一些项目？我该怎么做？

    @(Html.Kendo().DropDownList()
        .Name("dropdown")
        .Filter("contains")
        .DataTextField("Name")
        .DataValueField("Id")
        .DataSource(source =>
        {
            source.Read(read =>
            {
            read.Action("action", "controller" });
            });
        })
        .AutoBind(true)            
    )

@(Html.Kendo().MultiSelect()
    .Name("multiselect")
    .Filter("contains")
    .HtmlAttributes(new { style = "width:100%" })
    .DataTextField("Name")
    .DataValueField("Id")
    .Filter("contains").Animation(false)
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("action", "controller" });
        });
    })

)

【问题讨论】：

标签： kendo-asp.net-mvc kendo-dropdown kendo-multiselect

【解决方案1】：

我解决了这个问题；首先为 dropdown_change 定义一个函数，并在该函数中从下拉列表中获取选定的值并通过 jquery ajax 加载数据，然后从多选中选择项目:)

$(document).ready(function () {
        $('#dropdownName').data("kendoDropDownList").bind("change", drp_change);
    });
    function drp_change() {
        var selected = $('#dropdownName').val();
        if (selected > 0) {
            //fill multiselect per selected value
            var params= { [paramName]: selected };
            $.get('/controller/action', params, function (data) {        
                var multiSelect = $("#multiselectName").data("kendoMultiSelect");
                var selected = $.map(data, function (item) {
                    return item;
                });
                multiSelect.value(selected);
                multiSelect.trigger("change");
            })
        } else {
            $('#multiselectContailner').hide();
        }
    }

【讨论】：