atagrid 合并单元格

 flex 中的grid没有合并单元格的问题。google以后找到一个开源组件接近我的要求。

http://code.google.com/p/advanceddatagrid/

 

参考文章：http://www.flextheworld.com/2009/12/flex-advanceddatagrid-rowspan.html

 

但我需要的是类似Excle中的合并单元格

 

故修改上述的版本。1：日期字段不能合并

                           2：后面的列合并单元格需依赖前一列

增加的一个标志值yfbl,需要和并单元格的列设置yfbl=true即可以

Xml代码 

 

1. <AdvancedDataGrid:AdvancedDataGrid  alternatingItemColors="[0xEEEEEE,0xFFFFFF]"  
2.                 width="100%" height="100%" selectionMode="singleCell" editable="true"  wordWrap="true" variableRowHeight="true"  
3.                 dataProvider="{dgds}" id="mydg" horizontalScrollPolicy="on" verticalScrollPolicy="on">  
4.         <AdvancedDataGrid:groupedColumns>  
5.             <mx:AdvancedDataGridColumnGroup headerText="出货单基本信息">  
6.             <SubClasses:AdvancedDataGridColumn headerText="日期" dataField="jhrq" labelFunction="labelFunction" editable="false" width="80"/>  
7.             <SubClasses:AdvancedDataGridColumn headerText="电编" dataField="db" width="80"/>  
8.             <SubClasses:AdvancedDataGridColumn headerText="品名" dataField="bm" width="80" />  
9.             <SubClasses:AdvancedDataGridColumn headerText="出货量" dataField="chl" width="70"/>  
10.             <SubClasses:AdvancedDataGridColumn headerText="售价未" dataField="dj" width="70"/>  
11.             <SubClasses:AdvancedDataGridColumn headerText="总价未" dataField="zj" width="70"/>  
12.             <SubClasses:AdvancedDataGridColumn headerText="客户名称" dataField="khmc"/>  
13.             <SubClasses:AdvancedDataGridColumn headerText="出货单号" dataField="chdh"/>  
14.             </mx:AdvancedDataGridColumnGroup>  
15.             <mx:AdvancedDataGridColumnGroup headerText="发票相关信息">  
16.                 <SubClasses:AdvancedDataGridColumn headerText="开票日期" dataField="kprq" yfbl="true" labelFunction="labelFunction"  editable="false" width="90"/>  
17.             <SubClasses:AdvancedDataGridColumn headerText="发票号码" dataField="fphm" yfbl="true"/>  
18.                 <SubClasses:AdvancedDataGridColumn headerText="发票金额" dataField="total" yfbl="true"/>  
19.             </mx:AdvancedDataGridColumnGroup>  
20.         </AdvancedDataGrid:groupedColumns>  
21.     </AdvancedDataGrid:AdvancedDataGrid>  

 截取一张图片效果显示如下