Flex DataGrid多表头实现

<mx:AdvancedDataGrid id="kkcsxxDataGrid" width="100%" height="100%" columnWidth="200" 
					 selectionMode="multipleCells"
					 allowMultipleSelection="true"
					 sortableColumns="false" sortExpertMode="true" designViewDataType="tree">
	<mx:groupedColumns>
		<mx:AdvancedDataGridColumn dataField="CODE" headerText="代码" width="70"/>
		<mx:AdvancedDataGridColumn dataField="NAME" headerText="名称" width="100"/>
		<mx:AdvancedDataGridColumnGroup headerText="近景">
			<mx:AdvancedDataGridColumnGroup headerText="图片尺寸">	
				<mx:AdvancedDataGridColumn dataField="PICWIDTH1" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="PICHEIGHT1" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
			<mx:AdvancedDataGridColumnGroup headerText="检测区">
				<mx:AdvancedDataGridColumn dataField="Area_X1" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_Y1" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_W1" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_H1" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="位置">
				<mx:AdvancedDataGridColumn dataField="Plate_X1" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_Y1" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_W1" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_H1" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>		
		</mx:AdvancedDataGridColumnGroup>
		<mx:AdvancedDataGridColumnGroup headerText="远景">	
			<mx:AdvancedDataGridColumnGroup headerText="图片尺寸">	
				<mx:AdvancedDataGridColumn dataField="PICWIDTH2" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="PICHEIGHT2" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
			<mx:AdvancedDataGridColumnGroup headerText="检测区">
				<mx:AdvancedDataGridColumn dataField="Area_X2" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_Y2" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_W2" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_H2" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="位置">
				<mx:AdvancedDataGridColumn dataField="Plate_X2" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_Y2" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_W2" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_H2" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>		
		</mx:AdvancedDataGridColumnGroup>
		<mx:AdvancedDataGridColumnGroup headerText="特写">	
			<mx:AdvancedDataGridColumnGroup headerText="图片尺寸">	
				<mx:AdvancedDataGridColumn dataField="PICWIDTH3" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="PICHEIGHT3" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
			<mx:AdvancedDataGridColumnGroup headerText="检测区">
				<mx:AdvancedDataGridColumn dataField="Area_X3" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_Y3" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_W3" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Area_H3" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>
			<mx:AdvancedDataGridColumnGroup headerText="位置">
				<mx:AdvancedDataGridColumn dataField="Plate_X3" headerText="X" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_Y3" headerText="Y" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_W3" headerText="宽" width="50" />
				<mx:AdvancedDataGridColumn dataField="Plate_H3" headerText="高" width="50" />					
			</mx:AdvancedDataGridColumnGroup>	
		</mx:AdvancedDataGridColumnGroup>
	</mx:groupedColumns>
</mx:AdvancedDataGrid>


效果图:


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值