Wijmo5 FlexGrid教程（1）- 在工程中绑定数据

收藏

本帖最后由断天涯大虾于 2016-10-18 18:11 编辑

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

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

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

在使用正式使用 FlexGrid 之前，我们首先需要在 JavaScript 程序中启动。
以下是启动步骤：

1.添加 Wijmo 引用

2.添加 wijmo 控件的扩展

3.在 JavaScript 中初始化 Wijmo 控件。

4.（可选）添加 css 和自定义的样式文件。

参考代码：

简单数据绑定

使用 FlexGrid 的 itemsSource 属性设置数据源就可以实现简单的绑定：

参考代码：

自定义绑定

将 FlexGrid 的 AutoGenerateColumns 设置为 false，即可通过 columns 实现自定义绑定。

设置某列只读：

将 isReadOnly 属性设置为 true。

设置某列的宽度：

设置 width 属性为特定的值。

参考代码：

以上内容就是实现 FlexGrid 的数据绑定的方法，熟练了绑定方法，有助于我们后面更加灵活的使用 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，与数百位开发精英即时交流，还可参加每周的视频公开课，快速上手。

		自动登录	找回密码
密码			立即注册

Wijmo5 FlexGrid教程（1）- 在工程中绑定数据

0 个回复

微信认证勋章