Flex DataGrid多表头实现

来源：互联网发布：淘宝探路者官方旗舰店编辑：程序博客网时间：2024/04/27 18:02
<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>
效果图：