使用dataSource过滤实现KendoUI网格搜索

时间:2015-06-18 16:44:25

标签: javascript html kendo-ui kendo-grid

我不确定我是否正确地执行此操作,但我想根据一个输入的值过滤('搜索')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的属性。

1 个答案:

答案 0 :(得分:1)

要启用绑定值以更新过滤器,请将其更改为:

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