Extjs - 高级搜索表单

Posted 2023-02-16

【中文标题】Extjs - 高级搜索表单

【英文标题】：Extjs - advanced Search Form

【发布时间】：2012-11-10 22:19:31

【问题描述】：

我需要使用 Extjs 4 构建一个高级搜索表单，但我不确定从哪里开始。我通过互联网搜索了很多，但我没有找到一个明确的方法，甚至没有一个很好的例子。谁能帮帮我？

编辑 这是一个有许多文本字段作为条件的表单，用户可以输入至少一个搜索条件来进行搜索并获得与他输入的内容相关的结果。

编辑 2 希望能更好地描述目标

我需要一个单独的过滤器面板，每行一个过滤器。过滤器由两个组合框组成：Field-Select 和 Condition-Select 以及至少可以是文本、数字、日期等的值...

最后一个过滤器行下方将是一个加号按钮/组合以添加新过滤器

【问题讨论】：

如何定义高级搜索表单？请改写您的问题。

我还是不明白你在问什么。 （代码）示例可能会有所帮助。

谢谢你。我需要完成类似sencha.com/forum/… 但更简单的事情

现在我明白你在找什么了。我将需要进一步但稍微复杂一些，并且已经查看了我可以从哪里开始。好吧，看我的帖子。

【参考方案1】：

现在我明白你在寻找什么了。最接近的已经实施的解决方案：Ext.ux.grid.FiltersFeature （这个也没有那么复杂）。默认情况下，它只将它自己发布为 Column-Menu，我还没有找到像

这样的实现

无论如何，如果此功能还不能满足您的需求，它将是您开始的最佳选择。用上面的视图扩展它。最好的事情是它已经提供了单独的过滤器类型，这使得以后可以轻松扩展。

您也可以尝试将您的示例解决方案移植到 ExtJS4，但我建议您继续使用您只需扩展的受支持的解决方案。

【讨论】：

抱歉耽搁了，你能告诉我在哪里可以得到这种用于 extjs 的动态过滤器吗？ （就像您在此处发布的图片一样）谢谢！

@SexyMF 此图取自this post

感谢您的回复（-：这适用于 4.2 版吗？再次感谢！

@SexyMF 我怀疑它是否适用于 4.x 但您可以按照我的回答中的建议使用 Ext.ux.grid.FiltersFeature 来启动您自己的组件。

【参考方案2】：

在您的左侧保留一个包含搜索条件的树面板，您要在其上搜索，保留一个中心面板，在此处单击节点，cms fr search aftr search 用搜索结果替换中心面板

【讨论】：

谢谢..你有例子解释吗？

【参考方案3】：

您是否使用网格、组合框或其他来源进行搜索？这些 Ext 组件有一个store，您可以在其中过滤数据。

Combobox autocomplete 或 Grid column filtering.

如果您需要其他内容，请在 cmets 中告诉我。

【讨论】：

非常感谢。这些链接非常有用，但我也需要这样的东西，但更简单，适用于 Extjs 4.1 sencha.com/forum/…