使过滤器出现在 ExtJs 4.1.3 列上方

Make filters appear above column ExtJs 4.1.3

我在这个 ExtJs 面板网格的每一列上都激活了过滤器,这些过滤器显示为每一列的下拉菜单。有没有办法让它们自动出现在每个对应的列上方?

Desired outcome

fiddle

这里有一些想法:ExtJs - Filter a grid with a search field in the column header

基本上,您可以在列配置的项目中添加一个文本字段作为子组件。在该链接示例中,他们使用 Ext.form.field.Trigger

然后在该字段上为您想要触发过滤器的任何事件添加一个侦听器。在您的处理程序中,获取对商店的引用并根据需要根据文本字段输入手动过滤它。