Wijmo5 FlexGrid教程（10）- 实现Excel样式过滤功能
本帖最后由 断天涯大虾 于 2016-10-20 17:43 编辑C1FlexGrid在其他的平台（WinForm, WPF)都支持了表头过滤，那么Wijmo5 FlexGrid是否也支持？
本文就来介绍如何简单的实现Wijmo5 FlexGrid的过滤。
对于FlexGrid控件的过滤操作，就需要FlexGridFilter扩展（wijmo.grid.filter.js）。
这个过滤操作会出现在表格的column headers。点击过滤的图标，然后就会展示一个基于值的过滤界面。
为了在flexgrid控件上实现一个类似Excel样式的过滤，就需要创建FlexGridFilter的实例。
首先需要复制文件（wijmo.grid.filter.js）到本地文件夹，然后在页面引用这个文件。 <script src="wijmo.grid.filter.min.js" type="text/javascript"></script>然后使用扩展创建FlexGridFilter的实例，然后传递表格作为参数给构造方法。
代码参考：// create FlexGrid
var flex = new wijmo.grid.FlexGrid('#gridElement');
// enable filtering on the FlexGrid
var filter = new wijmo.grid.filter.FlexGridFilter(flex);一旦设置这个，就会在ColumnHeader的位置出现过滤的图标，如下：http://blog.gcpowertools.com.cn/image.axd?picture=2016%2f1%2fflexgrid_filter.png
免费试用
FlexGrid 包含在全能控件套包 ComponentOne Studio Enterprise 中。下载试用，请点击：
http://www.gcpowertools.com.cn/products/download.aspx?pid=2
了解更多详情，请访问官网：
http://www.gcpowertools.com.cn/products/componentone_studio_winform_flexgrid.htm
欢迎加入ComponentOne 官方QQ交流群：415971774，与数百位开发精英即时交流，还可参加每周的视频公开课，快速上手。
页:
[1]