如何在 ExtJS 5 中为 Grid 组件构建高级过滤器面板

Posted 2023-02-23

【中文标题】如何在 ExtJS 5 中为 Grid 组件构建高级过滤器面板

【英文标题】：How to build an Advanced filter panel for a Grid component in ExtJS 5

【发布时间】：2014-11-12 21:33:11

【问题描述】：

我需要为给定的网格组件（在 ExtJS 5 上）构建高级搜索/过滤器面板。

=============================================

搜索字段：

field1: textfield field2: numberfield field3: date field4: lov

---

表格网格：

名称 |年龄 |日期 |状态

---

因此，过滤器字段实际上将构建在网格所指的字段之上（基本上镜像字段）。

在输入任何条件并在搜索字段面板中点击搜索时，必须使用新条件重新加载网格的商店。 这就是我想做的。但是，我在 extjs 文档或任何论坛上的任何指南/教程中都找不到与此相关的任何内容。

Extjs 是否为应用程序开发人员提供了可以使用的任何东西（例如即插即用，使用 min config 来指定字段等） 如果没有，我可以使用任何指南/教程来构建它。

感谢您的帮助。 谢谢

【参考方案1】：

以这种方式完成的过滤并非易事，因此无法用一句话或文章来解释。无论如何，看看这个商业插件，它可能会做你想要的：http://extjs.eu/software/ext-grid-multisearch-plugin

【讨论】：

谢谢萨基。我确实检查了这个插件。虽然功能（几乎）符合我的要求，但 UI 略有不同（例如：将标准操作数指定为“包含”、“等于”、“开头为”作为显式字段）并且还需要使其可配置运行时（尽管使用您提到的插件已经可以做到这一点）。在我尝试使用商业插件之前，我至少想尝试构建这个组件（尽管最初可能会很困难）。