时间戳

首页 > 解决方案 > AG GRID-> Angular 中的超级搜索

javascript - AG GRID-> Angular 中的超级搜索

问题描述

我正在使用 AG 网格。文本过滤器工作正常。但我希望我的 ag 网格在我用逗号（“，”）分隔的字符串搜索时显示行。例如：当我用“abc,def,xyz”搜索时，它应该给出行包含 abc 或 def 或 xyz 的结果。

提前致谢

标签： javascriptangularag-gridag-grid-angular

解决方案

查看使用textCustomComparator此处记录的选项：https ://www.ag-grid.com/javascript-grid-filter-text/#text-custom-comparator

这是一个如何实现的示例：

filterParams: {
  filterOptions: ["contains"],
  textCustomComparator: function(filter, value, filterText) {
    // get array of comma separated values
    const filterValues = filterText.split(',');
    // loop through filterValues and see if the value contains any of them
    return filterValues.some((item) => {
      return value.indexOf(item) >= 0;
    });
  }
}

另一种选择是使用自定义过滤器，此处记录：https ://www.ag-grid.com/javascript-grid-filter-custom/

推荐阅读