如何同时搜索剑道网格的所有列？

Question

我已经尝试过这个人的做法，并且效果很好，感谢您的这篇文章：

Search All Columns in KendoUI Grid

但是，我现在遇到的问题是，当您尝试一次搜索多个列时，一旦您使用一个新词，它就不再有效。

我如何告诉它忽略空格并继续搜索包含？

因此，如果您在我单独搜索时搜索“Verizon LTE”、“Verizon”或“LTE”，它会按应有的方式进行搜索，但是当它们在一起时，它会返回零个结果，而不是同时包含这两个项目。

这是我目前的搜索，和上面的链接风格一样

$(document).ready(function () {



//change event
$("#search").keyup(function () {
    var val = $('#search').val();
    $("#grid").data("kendoGrid").dataSource.filter({
        logic: "or",
        filters: [
            {
                field: "ServiceProviderName",
                operator: "contains",
                value: val
            },
            {
                field: "ManufacturerName",
                operator: "contains",
                value: val
            },
            {
                field: "ModelNumber",
                operator: "contains",
                value: val
            },
            {
                field: "ModelName",
                operator: "contains",
                value: val
            },
            {
                field: "Technology",
                operator: "contains",
                value: val
            },
            {
                field: "OSTypeName",
                operator: "contains",
                value: val
            }
        ]
    });


});
});

这是剑道网格过滤的限制吗？

Answer 1

当您过滤时，默认情况下 KendoUI 会尝试匹配您键入的整个短语。因此，如果您输入“Verizon”，它将匹配包含“Verizon”的任何内容。如果您输入“LTE”，它将匹配包含“LTE”的任何内容。但是，当您输入“Verizon LTE”时，它将匹配包含“Verizon LTE”的任何内容，而您似乎希望它匹配“Verizon”、“LTE”和“Verizon LTE”（匹配时无论如何都会发生这种情况前两个。

为了进行这种类型的过滤，您需要在过滤函数中预处理val，以便创建一个搜索词数组，使用空格作为标记拆分器，然后执行您的过滤数组的每个成员并返回聚合结果。

所以，为了将您的搜索词按空格分开：

var val = $("#search").val().split(" ");

这将使 val 成为数组而不是文字值，因此您需要根据该数组中的每个值生成过滤器数组。有很多方法可以做到，但这里有一种方法：

filters: getFieldFilter("ServiceProviderName", "contains", val)
.concat(getFieldFilter("ManufacturerName", "contains", val))
.concat(...);

...getFieldFilter 可能如下所示：

function getFieldFilter(field, operator, values) {
   var ret = [];
   for(var i = 0; i < values.length; i++) {
      ret.push(
          {
             field: field,
             operator: operator,
             value: values[i]
          });
    }
    return ret;
}