javascript - kendo ui 中自动完成过滤

Question

我需要过滤已选择的国家/地区。我已经从下面的链接编写了代码。
http://jsbin.com/oqucix/4

当我动态定义数据源时，我没有获取记录。

var countriesDS = new kendo.data.DataSource({
    transport: {
        read: {
            url : "/Home/Countries",
            type: "POST",

            dataType: "json"
        }
    },
    schema: {
        model: {
            id: "id",
            fields: {
                id  : { type: "id" },
                name: { type: "string" }
            }
        }
    }
});

然后我将能够重定向到该操作方法并检索值，但在自动完成中我没有获取记录。任何帮助表示赞赏

Answer 1

这是DataSource 和AutoComplete 定义:

// create a datasource bound to the local data
var countriesDS = new kendo.data.DataSource({
    transport: {
        read: {
            url     : "/Home/Countries",
            type    : "POST",
            dataType: "json"
        }
    },
    schema   : {
        model: {
            id    : "id",
            fields: {
                id  : { type: "id" },
                name: { type: "string" }
            }
        }
    }
});

var autoComplete = $("#auto").kendoAutoComplete({
    minLength      : 3,
    separator      : ", ",
    dataSource     : countriesDS,
    serverFiltering: true,
    dataTextField  : "name"
}).data("kendoAutoComplete");

这就是服务器返回国家/地区列表的方式。

[
    { "id":1, "name":"Albania" },
    { "id":2, "name":"Andorra" },
    { "id":3, "name":"Armenia" },
    { "id":4, "name":"Austria" },
    { "id":5, "name":"Azerbaijan" },
    ...
]