如何在 Angular 6 中使用 Kendo Grid 为一列添加全局搜索答案

【问题标题】：How to add Global Search for one column using Kendo Grid in Angular 6如何在 Angular 6 中使用 Kendo Grid 为一列添加全局搜索
【发布时间】：2018-09-21 06:11:53
【问题描述】：

我正在使用 Kendo 网格并尝试仅为第一个“产品名称”列添加全局搜索。

您可以在这里找到代码：https://github.com/SanDeshpande/Angular-KendoGrid-GlobalSearch

我尝试了过滤选项，但它在网格内提供了搜索栏，这不是必需的。

谢谢

【问题讨论】：

标签： angular kendo-grid

【解决方案1】：

您可以绑定到 INPUT 元素的输入事件，并相应地处理 Grid 数据，或者创建一个 FilterDescriptor 并通过内置帮助程序（如 filterBy() 或 process()）过滤 Grid：

1) Filter the data via Array.filter()

2) Filter the data via filterBy()

【讨论】：

您好，谢谢。您能否告诉我当数据是可观察的 Griddataresult 时这是如何完成的。我引用了以下示例，我也在我的项目中实施了相同的步骤：dataBinding Example
由于它已经处理了 dataStateChange 事件，您只需在 Input 的输入事件处理程序中创建一个过滤器描述符并调用 dataStateChange 事件处理程序，将修改后的状态（现有状态与新过滤器添加），例如stackblitz.com/edit/angular-x4gdrr?file=app/app.component.ts