zoukankan      html  css  js  c++  java
  • 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>


    效果图:


  • 相关阅读:
    不能对同一张表先查询后更新的解决方案
    Maven的一些常用命令
    在sql中使用函数,遇到net.sf.jsqlparser.parser.ParseException异常
    2017年秋季遇到的兼容问题总结
    最近关于css样式重构的一点心得体会
    CSS Modules使用方法
    上传图片获取base64位编码
    移动端自适应莫名其妙撑开高度的问题
    解决ie8下页面刚出现时候的晃动问题
    解决ie8下面placeholder显示问题
  • 原文地址:https://www.cnblogs.com/whisht/p/3085067.html
Copyright © 2011-2022 走看看