asp.net-mvc - 在 Kendo MVC 的调度程序弹出编辑器中将下拉列表更改为自动完成

Question

例如，我将资源绑定如下。

.Resources(resource =>
         {
            resource.Add(m => m.UserName)
                .Title("Staff")
                .Name("Staff")
                .DataTextField("Text")
                .DataValueField("Value")
                .DataSource(source => source
                    .Read(read => read.Action("GetStaffList", "Scheduler"))
                );
         })

当编辑器弹出时，人员输入具有下拉列表类型，其中包含数据库中的所有人员。

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

谢谢你。

Answer 1

我会通过将编辑事件连接到网格来跳入 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;
                }
            }
        }
    });
}