我想知道是否有一种简单的方法可以让这个演示中显示多选小部件的 css 功能
http://demos.kendoui.com/web/multiselect/index.html
应用于自动完成小部件。
我想知道是否有一种简单的方法可以让这个演示中显示多选小部件的 css 功能
http://demos.kendoui.com/web/multiselect/index.html
应用于自动完成小部件。
如果使用的唯一原因autocomplete
是值列表很大,并且您还想serverFiltering
使用小部件进行服务器端过滤()multiselect
。您只需定义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
为满足条件的记录提供数据。