如何为 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 函数，该函数 greps 为满足条件的记录提供数据。