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

QQ登录

只需一步,快速开始

断天涯大虾
社区贡献组   /  发表于:2016-10-18 18:19  /   查看:3415  /  回复:0
本帖最后由 断天涯大虾 于 2016-10-18 18:20 编辑

在默认情况下,flexgrid会根据数据类型,展示不同类型的数据。

比如,将数据改成bool布尔型,绑定flexgrid,这一列就会展示为CheckBox列。

详细的可以参考本系列的第一篇文章:(一)数据绑定 ,在简单数据绑定中,绑定了一个数据源,里面包含bool类型的数据,绑定后会展示为CheckBox列。

当然,这样的单元格类型并不能满足用户的需求,那么如何添加更加丰富的单元格类型呢?

本文就来介绍如何通过flexgrid的itemFormatter功能,实现自定义editor。

首先,我们通过(一)数据绑定 的文章,了解如何进行数据绑定。

接着,来了解itemFormatter。通过获取或设置formatter功能来自定义单元格。这个功能提供了完整自由的形式,可以自定义单元格的样式还有行为。

特别的说,这个功能里有四个参数:GridPanel包含cell, 单元格的row和column,代表单元格的HTML元素。这个功能可以改变单元格的元素的innerHTML属性。
例如:
  1. <blockquote>flex.itemFormatter = function(panel, r, c, cell) {
复制代码
然后,我们就可以根据以上的内容,将(一)数据绑定文章中的日期列的单元格类型改成我们需要的,比如采用Wijmo5的InputDate控件,使得更加容易的使用。

要使用InputDate控件,首先需要在页面中引用该控件的文件,然后对控件进行初始化。
引用:
  1. <script src="scripts/wijmo.input.min.js" type="text/javascript"></script>
复制代码
代码参考:
  1. <blockquote>            //日期类型
复制代码
根据以上描述,日期列就会变成wijmo的InputDate控件,你可以根据这种方式,将列改成自己所需要的形式。

免费试用
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 个回复

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