防止 ag-grid 过滤器在条件中复制选项

Question

我有一个应用过滤器的列定义：

{
      headerName: t("value"),
      field: "value",
      filter: "agNumberColumnFilter",
      filterParams: {
        filterOptions: ["greaterThanOrEqual", "lessThanOrEqual"],
      },

当我开始过滤时，我会看到“大于或等于”选项，我可以为其分配一个值，从而创建条件 1。

这会出现条件 2，默认选项是“大于或等于”- 然后用户必须手动将其更改为“小于或等于”：

有两个“大于或等于”条件永远没有意义...理想情况下，对于条件 2，我想抑制为条件 1 选择的任何选项。如果做不到，有没有办法至少改变条件 2 的默认选项？

Answer 1

您可以设置filterParams.defaultOption = 'empty'这将使条件1和2默认都没有选择。可能不是您正在寻找的理想解决方案，但不幸的是，没有任何方法可以将条件 1 或 2 配置为具有不同的选项。

Answer 2

大多数用例不需要复合过滤器来过滤网格值。

如果您不希望看到两个值比较过滤器，您只需将以下选项添加到您的过滤器参数中，这样第二个过滤器就不会出现。

headerName: t("value"),
field: "value",
filter: "agNumberColumnFilter", 
filterParams: 
{
      filterOptions: ['greaterThanOrEqual', 'lessThanOrEqual'],
      defaultOption: 'greaterThanOrEqual',
      suppressAndOrCondition: true
}

防止 ag-grid 过滤器在条件中复制选项

Prevent ag-grid filter from duplicating options in conditions

ag-grid

ag-grid-react