Kendo UI DropDownList 选择没有交互的第一个项目答案

【问题标题】：KendoUI DropDownList Selects First Item without InteractionKendo UI DropDownList 选择没有交互的第一个项目
【发布时间】：2016-08-10 13:25:22
【问题描述】：

我有一个 KendoUI DropDownList，它允许用户在服务器上搜索结果并从列表中选择它。在进行搜索之前，它是一个空列表。

当前在进行搜索后，会选择搜索的第一个结果，即使用户从未进行选择。除非用户实际做出选择，否则我希望它不要进行任何更改。

这个示例可以按我的意愿工作，但我无法让它在我自己的代码中同样工作。 - http://dojo.telerik.com/EjUvu/3

    var control = $(matterControl).kendoDropDownList({
        dataTextField: "DisplayName",
        dataValueField: "ID",
        minLength: 1,
        filter: "contains",
        value:'',
optionLabel: { DisplayName: 'Please enter 1 or more characters', ID: '' }, 
filtering:  function (e)  {
            var filter = e.filter;
            if (filter && !filter.value) { //prevent filtering if the filter does not value 
                e.sender.dataSource.data([]);
                e.sender.text('');
                e.sender.value('');
                e.preventDefault();
             }
         },
        autoBind: false,
        valuePrimitive: true,
        template:
        '<div class="searchResult">'+
        '<span class="searchTitle searchIcon" data-id="#:ID #" >#:DisplayName #</span>' +
                  '<span class="searchDescription">#:Description #</span></div>',
        dataSource: new kendo.data.DataSource({
            serverFiltering: true,
            transport: {
                read: {
                    url: (options) => {
                        var searchValue = options.filter
                            && options.filter.filters
                            && options.filter.filters[0]
                            && options.filter.filters[0].value;

                        var currentId = $(settings.entryIDField).val();
                        var currentText = $(settings.entryNameField).val();

                        if (currentId != null
                            && currentId !== undefined
                            && currentId !== emptyGuid
                            && !searchValue)
                            return defaultRoutes.SearchService.Search + "?searchText=" + currentText + "&recordId=" + currentId;
                        else 
                            return defaultRoutes.SearchService.Search + "?searchText=" + searchValue;
                    },
                }
            },
        }),
        select: function (e: any) {
            var  dataItem  =  this.dataItem(e.item); 
            $(settings.entryNameField).val(dataItem.DisplayName);
            $(settings.entryIDField).val(dataItem.ID);
        }
    });

【问题讨论】：

原来他的请求可能更具体......有没有办法禁用打字选择？问题是所选项目正在被输入的过滤器更改，但这并不明显发生在用户身上。

标签： javascript drop-down-menu kendo-ui kendo-dropdown

【解决方案1】：

您所描述的行为是一个限制，似乎已经解决了：

https://github.com/telerik/kendo-ui-core/issues/1475

即将到来的 2016 R3（9 月的某个时间）将包含该修复。

我不知道当前版本的解决方法可以防止这种情况发生。

【讨论】：