需要在 AG-Grid 过滤器中使用空格分隔值来返回每个匹配项

Posted 2023-03-28

【中文标题】需要在 AG-Grid 过滤器中使用空格分隔值来返回每个匹配项

【英文标题】：Need to use space separated values in AG-Grid filter to return each match

【发布时间】：2021-08-23 09:28:59

【问题描述】：

我的任务是将一些 UI-Grid 移至 AG-Grid。 我需要允许用户对列过滤器使用空格分隔的字符串，因此“1 4 23 88”将返回列具有 1 或 4 或 23 或 88 作为值的所有行。 AG-Grid 有下拉 OR 选项，但添加了点击，并且只允许两个值。

使用 UI-Grid，columnDefs 中的 filter 参数可以有一个条件：

filter:condition: filterFunction

FilterFunction 只是具有自定义逻辑并返回 true 或 false。

AG-Grid 有类似的东西吗？通读文档似乎过度参与创建自定义过滤器。 UI-Grid 解决方案就像 6 行代码。

CentOS 7，VueJS

【问题讨论】：

ag-grid.com/javascript-grid/filtering

正如我所说，我通读了这些。为我需要的东西创建一个过滤器组件似乎有点过头了。

【参考方案1】：

我最终使用了：

 filter:'agTextColumnFilter', filterParams: textCustomComparator: this.filterFunction

使用 filterFunction 保存逻辑。

https://www.ag-grid.com/javascript-grid/filter-text/#text-custom-comparator

虽然我使用的是数字列，但没有比较器 filterParam 用于数字，只有“比较器”用于日期，“textCustomComparator”用于文本。

这似乎可以满足我的需要。