asp.net-mvc - 剑道自动完成不显示结果

Question

我正在尝试向我的页面添加一个简单的自动完成功能，以显示可用的数字。我可以看到对控制器的回调，并且列表已填充到控制器中，但前端没有显示任何内容。

我查看了浏览器中的响应，它是返回的有效 json 数据。

HTML：

<input id="autocomplete"/>

JavaScript：

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "Entity/GetAvailableNumbers",
            dataType: "json",
            data: {
                q: function () {
                    return $("#autocomplete").val();
                }
            }
        }
    }
});
dataSource.read();
console.log(dataSource);
$("#autocomplete").kendoAutoComplete({
    dataSource: {
        data: dataSource
    }
});

控制器：

public ActionResult GetAvailableNumbers([DataSourceRequest] DataSourceRequest request, string text)
{
    // Simple loop that puts numbers into a list (usableNumbers)
    return Json(usableNumbers, JsonRequestBehavior.AllowGet);
}

Answer 1

这就是最终为我工作的原因。

JavaScript：

        $("#autocomplete").kendoAutoComplete({
            minLength: 2,
            filter: 'contains',
            dataSource: {
                type: "json",
                serverFiltering: false,
                transport: {
                    read: "Entity/GetAvailableNumbers"
                },
            }
        });