javascript - Kendo 数据源包含过滤器不起作用
问题描述
我想通过在数组中显示一个 ID 来过滤 KendoDropDownList 数据源数据。
据我所知,没有这样的内置过滤器,这就是为什么我决定使用标识符创建 CSV 列表并使用contains
过滤器。但不幸的是,这种方法似乎不起作用。请看下面我的小提琴:https ://dojo.telerik.com/igEREXUT
谁能解释为什么contains
不工作?我希望看到第一项和第三项。
$(document).ready(function() {
var data = [{
text: "Black",
value: "1",
Clients: "-100-,-101-,-103-" //this should be displayed after filtering
},
{
text: "Orange",
value: "2",
Clients: "-200-,-101-,-303-"
},
{
text: "Grey",
value: "3",
Clients: "-300-,-102-,-103-" //this should be displayed after filtering
}
];
// create DropDownList from input HTML element
$("#color").kendoDropDownList({
dataTextField: "Clients",
dataValueField: "value",
dataSource: data,
index: 0
});
var color = $("#color").data("kendoDropDownList");
color.select(0);
setTimeout(function() {
console.log('count before filtering: ' + color.dataSource.view().length);
color.dataSource.filter([{
field: "Clients",
op: "contains",
value: "-103-"
}]);
console.log('count after filtering: ' + color.dataSource.view().length);
}, 1000);
});
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/dropdownlist/index">
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.material.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2018.1.221/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div id="cap-view" class="demo-section k-content">
<h4>Customize your Kendo Cap</h4>
<h4><label for="color">Cap Color</label></h4>
<input id="color" value="1" style="width: 100%;" />
</div>
</div>
</body>
</html>
解决方案
您必须在color.dataSource.filter方法 中使用operator属性而不是op 。参考链接
推荐阅读
- r - 如何使列中的下一个数字成为r中的序列
- reactjs - 如何使用 react-native-calendars 中的议程更改每个项目复选框的颜色
- security - Magento 1.9 被黑。该怎么办?
- scheme - Scheme 函数检查平衡括号
- amazon-ec2 - 如何通过 SSH 窗口命令将 Bitbucket 存储库克隆到 EC2
- np - 为什么使用确定性图灵机无法解决 NP 问题,但是每个 NTM 都有 TM
- routes - Laravel 在定义路由时返回路由未找到异常
- rust - 检查是否在可选捕获中定义了宏参数(声明性宏语法)
- python - Django:无法获取 GET 响应值 - AttributeError:模块 'django.http.request' 没有属性 'GET'
- java - 如何自动导入 SSL 证书