需要在 AG-Grid 过滤器中使用 space 分隔值来 return 每个匹配项
Need to use space separated values in AG-Grid filter to return each match
我的任务是将一些 UI-Grids 移动到 AG-Grid。
我需要允许用户对列过滤器使用 space 分隔字符串,这样“1 4 23 88”将 return 列具有 1 或 4 或 23 或 88 作为值的所有行。
AG-Grid 有下拉 OR 选项但是添加了点击并且只允许两个值。
使用UI-Grid,columnDefs 中的过滤器参数可以有一个条件:
filter:{condition: filterFunction}
FilterFunction 仅具有自定义逻辑并return判断为真或假。
AG-Grid有类似的东西吗?通读文档似乎过度参与了创建自定义过滤器。 UI-Grid 解决方案就像 6 行代码。
CentOS 7、VueJS
我最终使用了:
filter:'agTextColumnFilter', filterParams: {textCustomComparator: this.filterFunction}
使用 filterFunction 保持逻辑。
https://www.ag-grid.com/javascript-grid/filter-text/#text-custom-comparator
虽然我使用的是数字列,但没有用于数字的比较器 filterParam,只有 'comparator' 用于日期,'textCustomComparator' 用于文本。
这似乎可以满足我的需要。
我的任务是将一些 UI-Grids 移动到 AG-Grid。 我需要允许用户对列过滤器使用 space 分隔字符串,这样“1 4 23 88”将 return 列具有 1 或 4 或 23 或 88 作为值的所有行。 AG-Grid 有下拉 OR 选项但是添加了点击并且只允许两个值。
使用UI-Grid,columnDefs 中的过滤器参数可以有一个条件:
filter:{condition: filterFunction}
FilterFunction 仅具有自定义逻辑并return判断为真或假。
AG-Grid有类似的东西吗?通读文档似乎过度参与了创建自定义过滤器。 UI-Grid 解决方案就像 6 行代码。
CentOS 7、VueJS
我最终使用了:
filter:'agTextColumnFilter', filterParams: {textCustomComparator: this.filterFunction}
使用 filterFunction 保持逻辑。
https://www.ag-grid.com/javascript-grid/filter-text/#text-custom-comparator
虽然我使用的是数字列,但没有用于数字的比较器 filterParam,只有 'comparator' 用于日期,'textCustomComparator' 用于文本。
这似乎可以满足我的需要。