javascript - 使用数据源过滤实现 KendoUI 网格搜索

Question

我不确定我是否正确执行此操作，但我想根据一个输入的值过滤(“搜索”)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" />

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

Answer 1

要启用绑定(bind)值来更新过滤器，请将其更改为:

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') }
            ]
        }
    ]
});