FlexGridFilter扩展(wijmo.grid.filter.js)允许你向任意一个FlexGrid控件来添加一个过滤器UI。
过滤器UI在网格的列头部添加了过滤器图标。点击图表会显示一个编辑器, 用户可以在这里选择要显示的值(值过滤)或者可以设置条件选择必须满足的值(条件过滤)。
你也可以像样例中那样,通过自定义过滤器在每一列显示特定的过滤器类型。
要使用这个扩展,在你的页面引用特定文件,如下:
// add column filters to the flexGrid control var filter = new wijmo.grid.filter.FlexGridFilter(flexGrid);
如果你使用AngularJS,只需使用wj-flex-grid-filter指令即可:
<!-- create a FlexGrid with column filters --> <wj-flex-grid ... > <wj-flex-grid-filter></wj-flex-grid-filter> </wj-flex-grid>
Now showing {{data.items.length | number:0}} items.
FlexGridFilter类有许多允许你自定义过滤器行为的属性和方法。 例如,你可以关闭过滤器图标,改变默认过滤类型(条件或值过滤),或者改变特定列的过滤类型。
清除过滤器,保存、装载过滤设置到本地存储:
设置默认过滤器类型:
设置"Downloads"列过滤器类型:
过滤器编辑器本地化: