如何以编程方式应用 DataTable 过滤器？答案

【问题标题】：How to apply DataTable filter programmatically?如何以编程方式应用 DataTable 过滤器？
【发布时间】：2020-03-18 00:05:00
【问题描述】：

以 PrimeFaces Demo 过滤DataTable (https://www.primefaces.org/showcase/ui/data/datatable/filter.xhtml) 为例，我希望能够在表格外提供“过滤”链接供用户点击（比如沃尔沃、Forw、宝马等）。当用户单击链接时，我想在制造商过滤器下拉列表中切换所选项目并应用过滤器。我无法弄清楚如何访问过滤器属性以进行更改。这可以通过javascript完成吗？如何访问选择列表并设置当前选择？

更新：
按照丹尼尔的链接，我设法改变了下拉选择，但我无法应用过滤器。在过滤器基于输入字段的列中，触发 keyup 会导致数据过滤，但我无法确定要在 select 上触发什么事件以使其过滤。这是我正在使用的代码：

<p:commandLink id="filterLink" 
    value="Click to filter to Volvo Only" 
    onclick="$('#carForm\\:dataTable\\:manufacturerColumn_filter').val('Volvo'),
        $('#carForm\\:dataTable\\:manufacturerColumn_filter').trigger('filter')"
/>

上面创建的链接会将制造商过滤器切换到沃尔沃，但不会导致数据过滤。

【问题讨论】：

看看我的方法：stackoverflow.com/q/8776589/617373 对你的过滤器做同样的事情......
谢谢丹尼尔。这很有用，我能够应用你展示的全局过滤。我添加了一个更新，显示了我尝试使用的代码。我无法弄清楚我需要触发什么事件才能使过滤发生在选择上。
不客气，顺便说一句，当您发现某人的问题或答案对您有用时，您应该单击 ^（向上箭头）按钮（查看他们的工具提示）...在这种情况下，两者都是 :)
感谢您的提醒。每当我在这里搜索信息时，我都需要努力养成这种习惯。

标签： primefaces

【解决方案1】：

关键是在表级别调用过滤事件。所以我上面的代码应该是：

<p:commandLink id="filterLink" 
value="Click to filter to Volvo Only" 
onclick="$('#carForm\\:dataTable\\:manufacturerColumn_filter').val('Volvo'), carsTable.filter()"
/>

【讨论】：

不要忘记在输入元素上触发'keyup'
在我的情况下，我想从表外的命令链接触发过滤器，而不是从输入元素。 .filter() 调用使表根据 commandlink 输入的值进行过滤。