Kendo DataSource的contains过滤器不生效，求原因解析

你遇到的问题核心是过滤条件的格式不正确，导致Kendo DataSource无法正确解析你的过滤规则。

为什么contains过滤器不生效？ #

在你的代码中，你直接将过滤器数组传递给了filter()方法：

color.dataSource.filter([{ field: "Clients", op: "contains", value: "-103-" }]);

但Kendo UI的dataSource.filter()方法要求参数是一个FilterDescriptor对象，而不是单纯的过滤器数组。当你传入数组时，框架无法正确识别过滤规则，因此不会执行任何有效的过滤，最终结果为空。

另外，注意过滤器的操作符属性标准写法是operator（而非你用的op）——虽然部分旧版本可能兼容op，但统一使用标准属性名能避免潜在的版本兼容问题。

修正后的代码 #

将过滤条件包装成符合要求的FilterDescriptor对象即可解决问题：

setTimeout(function() {
  console.log('count before filtering: ' + color.dataSource.view().length);
  // 正确的过滤格式：使用包含filters数组的对象
  color.dataSource.filter({
    filters: [{ 
      field: "Clients", 
      operator: "contains", 
      value: "-103-" 
    }]
  });
  console.log('count after filtering: ' + color.dataSource.view().length); // 现在会输出2
}, 1000);

扩展：过滤多个ID的场景 #

如果你需要匹配多个ID（比如同时筛选包含-103-和-101-的项），可以通过logic: "or"来组合多个过滤器：

color.dataSource.filter({
  logic: "or",
  filters: [
    { field: "Clients", operator: "contains", value: "-103-" },
    { field: "Clients", operator: "contains", value: "-101-" }
  ]
});

验证结果 #

修正后，你的DropDownList会正确显示第一条（Black）和第三条（Grey）数据，控制台输出的count after filtering会变为2，完全符合你的预期。

内容的提问来源于stack exchange，提问作者Roman Koliada