首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为具有多个值的kendo ui autocomplete小部件提供kendo ui多选小部件的css功能

如何为具有多个值的kendo ui autocomplete小部件提供kendo ui多选小部件的css功能
EN

Stack Overflow用户
提问于 2013-12-05 00:52:12
回答 1查看 9.2K关注 0票数 2

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

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

应用于自动完成小工具。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-05 06:58:48

如果使用autocomplete的唯一原因是值列表很大,并且您还想使用multiselect小部件进行服务器端过滤(serverFiltering)。您只需要将serverFiltering定义为true即可。

示例:

代码语言:javascript
运行
复制
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那些满足条件的记录的数据。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20381243

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档