请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

断天涯大虾
社区贡献组   /  发表于:2016-10-20 17:42  /   查看:3749  /  回复:0
本帖最后由 断天涯大虾 于 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)到本地文件夹,然后在页面引用这个文件。
  1. <script src="wijmo.grid.filter.min.js" type="text/javascript"></script>
复制代码
然后使用扩展创建FlexGridFilter的实例,然后传递表格作为参数给构造方法。

代码参考:
  1. // create FlexGrid
  2. var flex = new wijmo.grid.FlexGrid('#gridElement');
  3. // enable filtering on the FlexGrid
  4. var filter = new wijmo.grid.filter.FlexGridFilter(flex);
复制代码
一旦设置这个,就会在ColumnHeader的位置出现过滤的图标,如下:

免费试用
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与数百位开发精英即时交流,还可参加每周的视频公开课,快速上手。
   
关于葡萄城:全球最大的控件提供商,世界领先的企业应用定制工具、企业报表和商业智能解决方案提供商,为超过75%的全球财富500强企业提供服务。

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部