前面向大家介绍了高效轻量的数据处理工具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包含在全能控件套包ComponentOneStudioEnterprise中。请通过以下方式联系葡萄城，获取ComponentOneStudioEnterprise的免费试用版：

邮件：@

官网：

关于葡萄城控件

葡萄城是一家跨国软件研发集团，专注控件领域近30年，是全球最大的控件提供商，也是微软认证的金牌合作伙伴