1

我的任务是将一些 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

4

1 回答 1

1

我最终使用:

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

使用 filterFunction 保存逻辑。

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

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

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

于 2021-06-06T15:09:21.283 回答