flex 多表头问题解决

flex 多表头问题解决

 (2010-03-25 09:38:21)

转自：http://blog.sina.com.cn/s/blog_3ef2ed0b0100hlo5.html

 

困扰了昨天一下午的问题，没想到今天一到公司用了半个小时的时间就解决了，我只能说：“有时候编程也要靠运气，但是必须以经验为基础。经验可以帮助你快速寻找解决问题的方法！”

下面转的是如何解决flex多行表头问题的方法（多谢作者）：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
   <mx:Array id="array_datas">
       <mx:Object date="2009.01" cashAmount="1000"
           shuma_zhao="2000" shuma_jiao="1200" shuma_shang="1250"
           shuma_xin="2000" tang_dong="4000" tang_zhao="1000"
           tang_jiao="3000" tang_shang="2300"
           biao_zhong="4500" biao_zhao="2500" biao_shang="6300"
           du_zhong="2500" du_zhao="1200" du_shang="3500"
           rui_zhao="3600" rui_shang="2300"/>
   </mx:Array>

   <mx:AdvancedDataGrid
           id="dataGrid"
           dataProvider="{array_datas}"
           width="100%"
           variableRowHeight="false"
           wordWrap="true">

       <mx:groupedColumns>

           <mx:AdvancedDataGridColumn dataField="date"
                                     headerText="日期" headerWordWrap="true" />
                                     
           <mx:AdvancedDataGridColumn dataField="cashAmount"
                                     headerText="现金金额" />

        <mx:AdvancedDataGridColumnGroup id="shuma"
             headerText="数码软件"
             textAlign="center">
             <mx:AdvancedDataGridColumn dataField="shuma_zhao"
                                        headerText="招行" />
             <mx:AdvancedDataGridColumn dataField="shuma_jiao"
                                        headerText="交行" />
             <mx:AdvancedDataGridColumn dataField="shuma_shang"
                                        headerText="商行" />
             <mx:AdvancedDataGridColumn dataField="shuma_xin"
                                        headerText="信合" />
        </mx:AdvancedDataGridColumnGroup>
       
        <mx:AdvancedDataGridColumnGroup id="tang"
             headerText="唐兴数码"
             textAlign="center">
             <mx:AdvancedDataGridColumn dataField="tang_dong"
                                        headerText="东亚" />
             <mx:AdvancedDataGridColumn dataField="tang_zhao"
                                        headerText="招行" />
             <mx:AdvancedDataGridColumn dataField="tang_jiao"
                                        headerText="交行" />
             <mx:AdvancedDataGridColumn dataField="tang_shang"
                                        headerText="商行" />
        </mx:AdvancedDataGridColumnGroup>
       
       
        <mx:AdvancedDataGridColumnGroup id="biao"
             headerText="标致电子"
             textAlign="center">
             <mx:AdvancedDataGridColumn dataField="biao_zhong"
                                        headerText="中信" />
             <mx:AdvancedDataGridColumn dataField="biao_zhao"
                                        headerText="招行" />
             <mx:AdvancedDataGridColumn dataField="biao_shang"
                                        headerText="商行" />
        </mx:AdvancedDataGridColumnGroup>
       
       
        <mx:AdvancedDataGridColumnGroup id="du"
             headerText="度恩"
             textAlign="center">
             <mx:AdvancedDataGridColumn dataField="du_zhong"
                                        headerText="中信" />
             <mx:AdvancedDataGridColumn dataField="du_zhao"
                                        headerText="招行" />
             <mx:AdvancedDataGridColumn dataField="du_shang"
                                        headerText="商行" />
        </mx:AdvancedDataGridColumnGroup>
       
        <mx:AdvancedDataGridColumnGroup id="rui"
             headerText="润隆"
             textAlign="center">
             <mx:AdvancedDataGridColumn dataField="rui_zhao"
                                        headerText="招行" />
             <mx:AdvancedDataGridColumn dataField="rui_shang"
                                        headerText="商行" />
        </mx:AdvancedDataGridColumnGroup>

       </mx:groupedColumns>

   </mx:AdvancedDataGrid>
 
</mx:Application>