javascript - 在 kendo ui 自动完成中禁用过滤

Question

如何在剑道自动完成 UI 中禁用过滤？我在搜索中获得了 5 条记录，但即使我没有使用过滤器，自动完成弹出窗口中也只显示匹配的记录。

scope.autocompleteOptions = {
        dataTextField: 'description',
        minLength:1,
        dataSource:{
          data: locationsData, 
          group:'provider',
          serverFiltering:false
        },
        template: kendo.template($('#roc-map-places-template').html())
    }

有任何想法吗？

提前致谢。

Answer 1

kendo ui autocomplete我可以按如下方式清除过滤器：

var autocomplete=$('#autocomplete').data('kendoAutoComplete');
autocomplete.dataSource.filter([]);

这只会清除过滤器。

这不会禁用过滤器，但会清除它。

Answer 2

迟到的回复——但我只需要同样的能力——

解决方案：使用“过滤”事件示例：参见https://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete/events/filtering

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ],
  filtering: function(e) {
      var filter = e.filter;

      if (!filter.value) {
        //prevent filtering if the filter does not value
        e.preventDefault();
      }
  }
});
</script>