筛选 kendo 网格时使用 Or 条件

Question

我在我的 MVC 应用程序中使用 kendo 网格。网格有两列 FirstName 和 LastName。网格有一个文本框，用户可以在其中输入 FirstName 或 LastName 进行搜索。我想根据这个标准过滤网格。以下是我目前使用的代码：

<script>
$(document).ready(function () {
    $("#FirstNameFilter").keyup(function () {

        var value = $("#FirstNameFilter").val();
        grid = $("#grid").data("kendoGrid");

        if (value) {
            grid.dataSource.filter({ field: "FirstName", operator: "contains", value: value });
        } else {
            grid.dataSource.filter({});
        }
    });
});
</script>

其中 FirstNameFilter 是文本框的名称，用户可以在其中输入 FirstName 或 LastName。如果用户输入 FirstName，此代码当前有效。我想在过滤器中设置 "OR" 条件，以便它也可以搜索姓氏。

Answer 1

$("#FirstNameFilter").keyup(function () {

        var value = $("#FirstNameFilter").val();
        grid = $("#grid").data("kendoGrid");
        var orfilter = { logic: "or", filters: [] };
        if (value) {
            //grid.dataSource.filter({ field: "FirstName", operator: "contains", value: value }); if searching FirstName only
            orfilter.filters.push({ field: "FirstName", operator: "contains", value: value }, { field: "LastName", operator: "contains", value: value });
            grid.dataSource.filter(orfilter);
        } else {
            grid.dataSource.filter({});
        }
    });