如何在 2 行中显示过滤器工具栏？

Posted 2023-05-09

【中文标题】如何在 2 行中显示过滤器工具栏？

【英文标题】：How to show filter toolbar in in 2 rows?

【发布时间】：2012-11-02 02:49:42

【问题描述】：

我有需要在网格中显示过滤器控件（如文本框、复选框、下拉框）的要求。这是示例图片

目前我正在使用数据表插件。从此只添加了 1 个过滤器控件列，但每列需要多个控件。

请告诉我是否可以通过使用数据表插件来实现。或者请让我知道是否有其他插件可用。

我也探索过jqgrid，jqxgrid。似乎所有插件每列只显示一个过滤器控件。

谢谢

【问题讨论】：

你真的应该解释为什么你需要为一个列设置多个过滤器，所以我们有一些指导你的方向。

好的，在几列我们将有搜索字段，用户可以在输入字段中输入文本（在底行），同时用户可以选择像 contains,下拉列表中的startswith,endswith,exact（位于顶行）。

@niran - 所有这些功能都由高级搜索提供 - 请参阅我的更新答案。这有帮助吗？

正确，但它是一个弹出窗口。它需要在列标题下

【参考方案1】：

jqGrid 不支持第二行过滤器，但它确实具有高级搜索功能，可让您实现相同的目标：

您可以在此处使用+ 按钮添加多个过滤条件。例如，您可以通过 Inv No == 1 或 Inv No == 2 进行搜索。这实现了具有两行过滤器工具栏的功能，但具有指定 AND/OR、尽可能多的条件等功能。UI 可能比您的示例更复杂，但更高级的搜索需要这种折衷方案.

您可以在Searching | Complex search 下在线观看现场演示。

无论如何，请参阅documentation 了解更多详情。