Question

ExtJs grid 如何实现按照每一列进行筛选 ？

目前国外的系统普遍只要能显示的列都能进行筛选，如下图：

目前extjs grid 有header布局，可以自定义在上面加一些栏位

但是如何才能实现只要显示的列都可以开启查询功能呢？

类似Ext js 的 local filter 功能，但是都要从菜单点击进去，求大神，大虾
Extjs grid 现有截图





Answer 1

store 有一个 filter 方法。
store.filter(columnIndex, searchValue);
columnIndex - 要过滤的字段的 dataIndex
searchValue - 过滤条件

但是在数据庞大或者数据改动比较多的系统里不建议这么做。
本地过滤意味着第一次查询要查询所有的数据，这样会很慢。
再就是如果一直保持者第一次查询的数据的话，数据准确性也很低。

追问

其实我的目标并不是local filter
我只是想每一列都需要筛选，这些值我可有自由操作 如 local、remote ，后台可处理筛选再之返回数据 ， 参见我第一个图

大虾有高招？ 或者有没有更好的框架

追答

你的要求就是每一列都需要筛选 是吗？

那你完全可以把所有控件放到 toolbar , 查询的时候就把所有的搜索条件都带上。

追问

但是这样的话就无法保证我拖动list column 的时候与toolbar  widget 对齐了

对于信息化系统来说，每一列的筛选都是很重要的并且要方便直观

如果能增加一列表头，只显示控件就完美了

希望实现如下图的筛选逻辑，当然筛选逻辑可后台实现，但是界面的布局就...

追答

我还是那句话，布局就按你说的做，输入完筛选条件后，查询的时候后台实现。

但是要去掉本地实时过滤的监听。

追问

布局按照我想的，能实现吗，好期待

我把一个列拖宽点，那个筛选栏位也可自动宽 这样？

追答

是的，可以的。官方有例子

http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#big-data-grid

追问

这个可以有，我去瞅瞅 有 demo 什么都能搞定 3Q