使用数据源筛选实现 KendoUI 网格搜索

Implementing KendoUI grid search with dataSource filtering

本文关键字：KendoUI 网格 搜索 实现 筛选 数据源      更新时间：2023-09-26

我不确定我是否正确执行此操作，但我想根据一个输入的值过滤（"搜索"）kendo ui 网格。但是，我想仅基于一个输入搜索网格的两个字段。

$("#grid").data("kendoGrid").dataSource.filter({
        logic: 'or',
        filters: [
            { field: 'lastName', operator: 'startswith' },
            {
                logic: 'or',
                filters: [
                    { field: 'lastName', operator: 'startswith', value: viewModel.searchValue },
                    { field: 'address', operator: 'startswith', value: viewModel.searchValue }
                ]
            }
        ]
    });

.html：

<input data-bind="text: searchValue" />

两个问题，我如何实现这一点，以及如何触发过滤？现在，输入值仅绑定到 viewModel 的属性。

若要启用绑定值以更新筛选器，请将其更改为：

viewModel.get('searchValue')

完整代码：

$("#grid").data("kendoGrid").dataSource.filter({
    logic: 'or',
    filters: [
        { field: 'lastName', operator: 'startswith' },
        {
            logic: 'or',
            filters: [
                { field: 'lastName', operator: 'startswith', value: viewModel.get('searchValue') },
                { field: 'address', operator: 'startswith', value: viewModel.get('searchValue') }
            ]
        }
    ]
});
相关文章：