Kendo 自动完成数据源显示未找到数据

Question

我通过使用 kendoAutoComplete jquery ajax 调用第三方 API 在文本框中实现地址自动完成。当我在文本框中键入时，它正在对 API 进行 ajax 调用并在 console.Log() 中返回数据。但文本框中的建议显示 - “未找到数据”。

例如：

<script>
  var data = ["One", "Two"];
  $("#autocomplete").kendoAutoComplete({
    dataSource: data
  });
</script>

Answer 1

您需要做的是将dataSource 的serverFiltering (documentation) 设置为true。看看这个例子：

$(document).ready(function() {
    $("#products").kendoAutoComplete({
        dataTextField: "ProductName",
        filter: "contains",
        minLength: 2,
        dataSource: {
            type: "odata",
            serverFiltering: true,
            transport: {
                read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products"
            }
        }
    });
});

Fiddle: https://dojo.telerik.com/IqAjomaJ

Kendo 自动完成数据源显示未找到数据

Kendo Autocomplete datasource shows No data found

c#

asp.net

jquery

kendo-ui