【问题标题】:Typing Multiple Values In ag-grid Floating Filter在 ag-grid 浮动过滤器中键入多个值
【发布时间】:2020-11-04 12:45:53
【问题描述】:

见 plunker:https://plnkr.co/edit/JEJ4j3ANQe4ZCnXI

按下“年龄在 25 到 30 岁之间”或“爱尔兰和英国”按钮会过滤网格中的多个值。

例如,按下按钮“年龄在 25 到 30 岁之间”,我可以在标题过滤器文本中看到:

25-30

如果我尝试手动输入,它已应用,它不起作用。

体育专栏也是如此,我本来期望的:

Rowing OR Fencing

将网格过滤为仅上述 2 项运动,但同样无效。

更新:

复制问题:

  1. 打开上面的链接
  2. 向右滚动以显示运动栏
  3. 输入以下内容:“划船或击剑”

网格现在是空的。

【问题讨论】:

  • 您需要更具体。这两个问题的例子都很好。对于25-30 过滤器,您意识到您需要使用in range 过滤器类型吗?
  • @Viqas - 更新了复制步骤

标签: javascript ag-grid ag-grid-angular


【解决方案1】:

根据文档 -

文本、数字和日期的浮动过滤器(简单过滤器) 当过滤器具有一个条件和一个值时是可编辑的。如果 浮动过滤器具有 a) 两个条件或 b) 零(自定义选项)或 两个 ('In Range') 值,浮动过滤器是只读的。

这意味着当您使用浮动过滤器过滤列时,它将仅过滤一个值。如果要添加多个过滤条件,则必须使用显示过滤菜单的过滤按钮。

这是您的 'Rowing OR Fencing' 在浮动过滤器中输入时的解释方式。

正确的方法是打开过滤器菜单并添加多个过滤器条件,而不是输入浮动过滤器。在这种情况下,浮动过滤器变为只读。

更多内容请关注docs

【讨论】:

  • 感谢您花时间回答这个问题。不幸的是,我想通过手动输入来做到这一点,而不必单击图标来激活它。此外,弹出窗口只允许 2 个连接,我想要更多,例如划船或击剑或游泳
  • 为什么不实现您的自定义过滤器,它接受逗号分隔值并按照您想要的方式处理过滤。
猜你喜欢
  • 2020-09-27
  • 2019-06-23
  • 2020-04-11
  • 2019-12-15
  • 2019-06-28
  • 2022-10-25
  • 2021-09-11
  • 2020-06-12
  • 2019-07-28
相关资源
最近更新 更多