找回密码
 立即注册

QQ登录

只需一步,快速开始

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

前面向大家介绍了高效轻量的数据处理工具 FlexGrid,可在项目中轻松处理百万级表格数据。

今天开始陆续推出实操教程,帮助大家更好、更快的上手 FlexGrid,并快速应用到
实际项目开发中。

第一讲:用 FlexGrid 绑定数据的方法

在使用正式使用 FlexGrid 之前,我们首先需要在 JavaScript 程序中启动。
以下是启动步骤:
1.添加 Wijmo 引用
2.添加 wijmo 控件的扩展
3.在 JavaScript 中初始化 Wijmo 控件。
4.(可选)添加 css 和自定义的样式文件。
参考代码:
Image 1.png

简单数据绑定
使用 FlexGrid 的 itemsSource 属性设置数据源就可以实现简单的绑定:
参考代码:
Image 2.png

自定义绑定
FlexGrid 的 AutoGenerateColumns 设置为 false,即可通过 columns 实现自定义绑定。
Image 3.png
设置某列只读:
将 isReadOnly 属性设置为 true。
设置某列的宽度:
设置 width 属性为特定的值。
参考代码:
Image 4.png

以上内容就是实现 FlexGrid 的数据绑定的方法,熟练了绑定方法,有助于我们后面更加灵活的使用 FlexGrid。


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

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