flex DataGrid 表头分组

 

<mx:AdvancedDataGrid id= "dgTackRecord"

                      width= "2000"

                      height= "100%" >

     <mx:groupedColumns>

         <mx:AdvancedDataGridColumnGroup headerText= "医学观察"

                                                 textAlign= "center" >

             <mx:AdvancedDataGridColumn headerText= "{'开始\n日期'}"

                                        width= "80"

                                        editable= "true"

                                        dataField= "medFollowStart"

                                        labelFunction= "dateFormatStart"

                                        textAlign= "center"

                                        itemRenderer= "mx.controls.Label" />

             <mx:AdvancedDataGridColumn headerText= "{'解除\n日期'}"

                                        textAlign= "center"

                                        width= "80"

                                        dataField= "medFollowEnd"

                                        labelFunction= "dateFormatEnd"

                                        editable= "true"

                                        itemRenderer= "mx.controls.Label" />

         </mx:AdvancedDataGridColumnGroup>

     </mx:groupedColumns>

</mx:AdvancedDataGrid>

 

 

 

AdvancedDataGrid和DataGrid的比较
1.多列排序：按住Control键在点击某一列的表头来实现多列排序。Datagrid只能单列排序。 
2.自定义行和列样式：通过设置行和列的styleFunction指向一个函数来样式化行列。Datagrid的ItemRender只能改变列样式，而且复杂。无法

改变行样式，背景除外。
3.显示分层数据：在组件的第一列显示一个可缩放的导航树来控制表格行的显示。即实现了数据的分类显示功能，还有汇总功能如SUM、MIN、

MAX、AVG或COUNT等。 datagrid无此功能
4.创建多列分组：将多列汇聚到同一列表头下。即多列使用同一表头。如当月收入和上月收入归位收入列。datagrid无此功能
_______________
|     收入                |
|当月收入|上月收入|
—————————
| 20     | 50    |

5.使用单元渲染器（renderers）：跨越多栏使用同一渲染器或者一列使用多个渲染器。主要是创建非关联数据源数据的行或列。例如，您可以从数据源创建汇总行;一个渲染器跨越多个列;单列使用多个渲染器