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"
                },
            }
        });

Kendo自动填充功能未显示结果

1 个答案: