Kendo-UI自动完成加载失败

Question

我遇到了数据源未被访问的问题。get服务执行它的查询，firebug显示返回的字符串，但我没有获得自动完成列表的功能。

    $("#txtCriteria").kendoAutoComplete({
    minLength: 1,
    suggest: true,
    filter: "startswith",
    dataTextField: "ACName",
    select: function (e) {
      var  dataItem = this.dataItem(e.item.index());
        //output selected dataItem
        document.getElementsByName("hdfldSelect")[0].value = dataItem.ACCode;
        $("#txtCriteria").kendoAutoComplete();
        var autocomplete = $("#txtCriteria").data("kendoAutoComplete");
        autocomplete.destroy();
    },
    dataSource: new kendo.data.DataSource({
        serverFiltering: true,
        transport: {
            read: {
                url: "../DAL/Reports/wsReports.asmx/AutoComplete",
                dataType: "json",
                type: "GET",
            },
            parameterMap: function (data, action) {
                var newParams = {
                    Type: Type,
                    filter: data.filter.filters[0].value
                };//var
                return newParams;
            },//parameter
        }//trans2
    })//data
});

感谢您的帮助

Answer 1

根据端点返回预期数据集的事实，您可以尝试向kendo- data could添加一个“schema”。

dataSource: new kendo.data.DataSource({
                    schema: {
                        data: function (e) {
                            return e.Results
                        },
                        model: {
                            fields: {
                                Id: { type: "number" },
                                Name: { type: "string" }
                            }
                        }
                    },
                    serverFiltering: true,
                    transport: {
                        read: {
                            url: "../DAL/Reports/wsReports.asmx/AutoComplete",
                            dataType: "json",
                            type: "GET",
                        },
                        parameterMap: function (data, action) {
                            var newParams = {
                                Type: Type,
                                filter: data.filter.filters[0].value
                            };//var
                            return newParams;
                        },//parameter
                    }//trans2
                })//data