第十六节DataGrid表格组件运用1.pdfVIP

第十六节DataGrid表格组件运用 第十六节DataGrid表格组件运用 第第十十六六节节DDaattaaGGrriidd表表格格组组件件运运用用 16.1 DataGrid认识 16.1 DataGrid认识 1166..11DDaattaaGGrriidd认认识识 这个组件我相信大家在熟悉不过，这个组件使用的频率太频繁，原因很简单就是因为很多网站都离不 开表格的规范。这个组件运用在那些方面呢？比如用户信息表，账目清单，数据管理，等等好了，相 信你对他运用有一些理解了吧，那我们就趁热打铁。 16.2 DataGrid简单运用 16.2 DataGrid简单运用 1166..22DDaattaaGGrriidd简简单单运运用用 照旧先拉图：（图 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键值呢？ dataField2dataField3 就不讲了，和上面类似。 s:typicalItem fx:Object dataField1=示例数据 dataField2=示例数据 dataField3=示例数据/ /s:typicalItem 这个标签相信大家很陌生吧，我也是今天准备讲的时候才看到，估计是 flex4.5.1 新加东西，