Question

我有一个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);
        }
    });

Answer 1

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

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

即将到来的2016年R3（9月的某个地方）将包括修复。

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

KendoUI DropDownList选择没有交互的第一个项目

1 个答案: