如何给一个具有多个值的kendo ui自动完成小部件，一个kendo ui多选小部件的css功能

Question

我想知道是否有一种简单的方法可以在此演示中显示多选小部件的css功能

http://demos.kendoui.com/web/multiselect/index.html

应用于自动填充小部件。

Answer 1

如果使用autocomplete的唯一原因是值列表很大，并且您希望对multiselect窗口小部件进行服务器端过滤（serverFiltering）。您只需将serverFiltering定义为true。

示例：

var ds = new kendo.data.DataSource({
    transport: {
        read: {
            url : "getData.php"
        }
    },
    serverFiltering: true
});

$("#items").kendoMultiSelect({
    dataValueField: "name",
    dataTextField : "name",
    dataSource    : ds
});

您将收到一些其他参数，说明用户到目前为止输入的内容，并且您的服务器只能返回符合条件的数据。

这个JSFiddle（http://jsfiddle.net/OnaBai/rpDuL/）试图向您展示它是如何工作的。您可以开始输入国家/地区名称，并查看它实际上是否过滤了数据。由于这只是JavaScript，我模拟了服务器过滤，实现了read函数grep满足条件的那些记录的数据。