Flex4.5之DataGrid表格组件的运用

《Flex4.5之DataGrid表格组件的运用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第十六节DataGrid表格组件运用16.1DataGrid认识这个组件我相信大家在熟悉不过，这个组件使用的频率太频繁，原因很简单就是因为很多网站都离不开表格的规范。这个组件运用在那些方面呢？比如用户信息表，账目清单，数据管理，等等好了，相信你对他运用有一些理解了吧，那我们就趁热打铁。16.2DataGrid简单运用照旧先拉图：（图1）把他拉入到场景里：（图2）哎！它也是数据容器，为什么它就不是空的，可见FLEX开发团队多在乎这个组件，默认的它是具有数据的，我们往下看：

2、columns>

3、"dataField2="示例数据"dataField3="示例数据/>

4、"dataField3="数据4"/>从这个标签相信大家就理解了吧，这个就是列标签，要多少列只需要多添加几个标签就OK。GridColumn标签里的两个重要属性还是也讲下吧：dataField它对应的就是数据源的键值。headerText一列的标题名称。下面这句代码：所生成就是:如下图大家看到了把列的标

5、题就是列一，想修改第一列的标题请修改GridColumn标签属性下的headerText属性。另外它绑定的数据键值是dataFidld1，那我们看下数据源下的dataFidld1键值的内容。是不是数据源每个对象都会有个dataField1键值呢？dataField2dataField3就不讲了，和上面类似。这个标签相信大家很陌生吧，我也是今天准备讲的时候才看到，估计是flex4.5.

6、1新加东西，果然摸索了下，这个标签作用也蛮好用的，具体作用就是控制列的标签的宽度的，很囧的是他是根据字数大小设置宽度,不信我演示下一下3种效果：

7、>由此从上面3种情况，最后一种情况就是为空的话，列标签就会使用默认的最小宽度。好了下面我们将把DataGrid标签初始化，把数据都清空自己写：开始添加数据：