在kendo ui中自动完成过滤

时间:2012-12-19 12:44:15

标签: javascript jquery asp.net-mvc-3 kendo-ui

我需要过滤已选择的国家/地区。我已经从下面的链接写了代码         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" }
            }
        }
    }
});

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

1 个答案:

答案 0 :(得分:2)

这是DataSourceAutoComplete定义:

// 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" },
    ...
]