datagrid 合并单元格

 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即可以

<AdvancedDataGrid:AdvancedDataGrid  alternatingItemColors="[0xEEEEEE,0xFFFFFF]"
				width="100%" height="100%" selectionMode="singleCell" editable="true"  wordWrap="true" variableRowHeight="true"
				dataProvider="{dgds}" id="mydg" horizontalScrollPolicy="on" verticalScrollPolicy="on">
		<AdvancedDataGrid:groupedColumns>
			<mx:AdvancedDataGridColumnGroup headerText="出货单基本信息">
			<SubClasses:AdvancedDataGridColumn headerText="日期" dataField="jhrq" labelFunction="labelFunction" editable="false" width="80"/>
			<SubClasses:AdvancedDataGridColumn headerText="电编" dataField="db" width="80"/>
			<SubClasses:AdvancedDataGridColumn headerText="品名" dataField="bm" width="80" />
			<SubClasses:AdvancedDataGridColumn headerText="出货量" dataField="chl" width="70"/>
			<SubClasses:AdvancedDataGridColumn headerText="售价未" dataField="dj" width="70"/>
			<SubClasses:AdvancedDataGridColumn headerText="总价未" dataField="zj" width="70"/>
			<SubClasses:AdvancedDataGridColumn headerText="客户名称" dataField="khmc"/>
			<SubClasses:AdvancedDataGridColumn headerText="出货单号" dataField="chdh"/>
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="发票相关信息">
				<SubClasses:AdvancedDataGridColumn headerText="开票日期" dataField="kprq" yfbl="true" labelFunction="labelFunction"  editable="false" width="90"/>
			<SubClasses:AdvancedDataGridColumn headerText="发票号码" dataField="fphm" yfbl="true"/>
				<SubClasses:AdvancedDataGridColumn headerText="发票金额" dataField="total" yfbl="true"/>
			</mx:AdvancedDataGridColumnGroup>
		</AdvancedDataGrid:groupedColumns>
	</AdvancedDataGrid:AdvancedDataGrid>

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

 

评论

4 楼 nextimho 2017-03-06  

有BUG，非要点一下排序才能合并，而且合同后在表格右边出来的排不知道什么东西，超出了屏幕。

3 楼 yeyelhappy 2015-01-24  

思路ok AdvancedDataGrid的516 和 517 改成
                                    ((!(prevLabel is Date) && prevLabel != temp[col.dataField])
                                            || (((prevLabel is Date) && (temp[col.dataField] is Date) && (prevLabel as Date).getTime() != (temp[col.dataField] as Date).getTime()))) ||


才行。逻辑运算错了

2 楼 随风DE流云 2014-06-09  

口述吧 就是某个通过 yfbl="true"合并的列  列的内容不完全相同也被合并了，但是再将该列从大到小排列后，合并的内容又显示出来 是什么原因呢？？ 博主看见客户以加我QQ342660497. 我给博主截图

1 楼 随风DE流云 2014-06-09  

博主好，貌似这个功能还存在BUG吧？能否解释一下面的情况 附图