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

第十六节DataGrid 表格组件运用 16.1 DataGrid 认识 这个组件我相信大家在熟悉不过 ，这个组件使用的频率太频繁 ，原因很简单就是因为很多网站都离不 开表格的规范。这个组件运用在那些方面呢？比如用户信息表，账目清单，数据管理，等等好了 ，相 信你对他运用有一些理解了吧，那我们就趁热打铁。 16.2 DataGrid 简单运用 照旧先拉图：（图 1） 把他拉入到场景里 ：（图 2） 哎！它也是数据容器 ，为什么它就不是空的 ，可见 FLEX 开发团队 多在乎这个组件，默认的它是具有数据的，我们往下看： s:DataGrid x=82 y=197 requestedRowCount= 4 s:columns s:ArrayList s:GridColumn dataField= dataField1 headerText=列 1/s:GridColumn s:GridColumn dataField= dataField2 headerText=列 2/s:GridColumn s:GridColumn dataField= dataField3 headerText=列 3/s:GridColumn /s:ArrayList /s:columns s:typicalItem fx:Object dataField1=示例数据 dataField2= 示例数据 dataField3=示例数据/ /s:typicalItem s:ArrayList fx:Object dataField1=数据1 dataField2=数据1 dataField3= 数据1/ fx:Object dataField1=数据2 dataField2=数据2 dataField3= 数据2/ fx:Object dataField1=数据3 dataField2=数据3 dataField3= 数据3/ fx:Object dataField1=数据4 dataField2=数据4 dataField3= 数据4/ /s:ArrayList /s:DataGrid /s:Application 从这个s:columns标签相信大家就理解了吧，这个就是列标签，要多少列只需要多添加几个 s:GridColumn标签就 OK。 GridColumn 标签里的两个重要属性还是也讲下吧： dataField 它对应的就是数据源的键值。 headerText 一列的标题名称。 下面这句代码： s:GridColumn dataField=dataField1 headerText= 列 1/s:GridColumn 所生成就是: 如下图 大家看到了把列的标题就是列一 ，想修改第一列的标题请修改 GridColumn 标签属性下的 headerText 属性。另外它绑定的数据键值是 dataFidld1，那我们看下数据源下的 dataFidld1 键值的内容。 是不是数据源每个对象都会有个 dataField1 键值呢？ dataField2 dataField3 就不讲了，和上面类似。 s:typicalItem fx:Object dataField1=示例数据 dataField2=示例数据 dataField3= 示例数据/ /s:typicalItem 这个标签相信大家很陌生吧 ，我也是今天准备讲的时候才看到 ，估计是 flex4.5.