FlexGridFilter

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类有许多允许你自定义过滤器行为的属性和方法。 例如,你可以关闭过滤器图标,改变默认过滤类型(条件或值过滤),或者改变特定列的过滤类型。


清除过滤器,保存、装载过滤设置到本地存储:

设置默认过滤器类型: None Condition Value Both

设置"Downloads"列过滤器类型: None Condition Value Both

过滤器编辑器本地化: Arabic (U.A.E.) Basque Bulgarian Catalan Chinese Chinese (Traditional, Hong Kong SAR) Chinese (Traditional, Taiwan) Croatian Czech Danish Dutch English English (United Kingdom) Estonian Finnish French French (Canada) Galician German Greek Hebrew Hindi Hungarian Indonesian Italian Japanese Kazakh Korean Latvian Lithuanian Norwegian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Swedish Thai Turkish Ukrainian