在 ag-grid 浮动过滤器中键入多个值

Posted

技术标签:

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

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

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

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

25-30

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

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

Rowing OR Fencing

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

更新:

复制问题:

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

网格现在是空的。

【问题讨论】:

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

根据文档 -

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

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

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

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

更多内容请关注docs

【讨论】:

感谢您花时间回答这个问题。不幸的是,我想通过手动输入来做到这一点,而不必单击图标来激活它。此外,弹出窗口只允许 2 个连接,我想要更多,例如划船或击剑或游泳 为什么不实现您的自定义过滤器,它接受逗号分隔值并按照您想要的方式处理过滤。

以上是关于在 ag-grid 浮动过滤器中键入多个值的主要内容,如果未能解决你的问题,请参考以下文章

需要在 AG-Grid 过滤器中使用空格分隔值来返回每个匹配项

以角度将列标题过滤器保存在 ag-grid 中

ag-grid:在过滤器测试功能中访问行数据

Ag-grid 隐藏过滤列

空网格上的 ag-Grid 键处理程序

在 ag-grid 中带有下拉菜单的自定义过滤器在角度 10 中不起作用