配色: 字号:
Wijmo5 FlexGrid教程(1)- 在工程中绑定数据
2016-10-19 | 阅:  转:  |  分享 
  
前面向大家介绍了高效轻量的数据处理工具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。

献花(0)
+1
(本文系zenmshuo首藏)