Asp.net mvc 在Kendo MVC的调度程序弹出编辑器中将dropdownlist更改为自动完成

Asp.net mvc 在Kendo MVC的调度程序弹出编辑器中将dropdownlist更改为自动完成,asp.net-mvc,kendo-ui,kendo-scheduler,kendo-dropdown,kendo-autocomplete,Asp.net Mvc,Kendo Ui,Kendo Scheduler,Kendo Dropdown,Kendo Autocomplete,例如,我按如下方式绑定资源 .Resources(resource => { resource.Add(m => m.UserName) .Title("Staff") .Name("Staff") .DataTextField("Text") .DataValueField("Value")

例如,我按如下方式绑定资源

.Resources(resource =>
         {
            resource.Add(m => m.UserName)
                .Title("Staff")
                .Name("Staff")
                .DataTextField("Text")
                .DataValueField("Value")
                .DataSource(source => source
                    .Read(read => read.Action("GetStaffList", "Scheduler"))
                );
         })
当编辑器弹出时,人员输入具有下拉列表类型,其中包含数据库中的所有人员

问题:如何将其更改为自动完成小部件,例如通过员工姓名进行服务器过滤


谢谢。

我会跳转到JavaScript,将编辑时的事件连接到网格,然后您可以在那里执行类似的操作

function onEdit(e) {
    //Autocompleter
    $("#Staff").kendoAutoComplete({
        dataSource: {
            serverFiltering: true,
            transport: {
                read: { url: "/Staff/GetListForAutocompleter" },
                parameterMap: function (data, action) {
                    var newParams = { filter: $("#Staff").val(), filter2: 'something' };
                    return newParams;
                }
            }
        }
    });
}