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）：跨越多栏使用同一渲染器或者一列使用多个渲染器。主要是创建非关联数据源数据的行或列。例如，您可以从数据源创建汇总行;一个渲染器跨越多个列;单列使用多个渲染器