Flex AdvancedDataGrid表头合并

转载 2012年03月26日 20:29:44

AdvancedDataGridColumnGroup这个专用类将多列grid的表头合并在一个表头中,废话不多说了,直接上源码

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx"
      viewSourceURL="srcview/index.html">
 
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   
   [Bindable]private var dpFlat:ArrayCollection = new ArrayCollection([
    {Region:"Southwest", Territory:"Arizona",
     Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000},
    {Region:"Southwest", Territory:"Arizona",
     Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000}, 
    {Region:"Southwest", Territory:"Central California",
     Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}, 
    {Region:"Southwest", Territory:"Nevada",
     Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}, 
    {Region:"Southwest", Territory:"Northern California",
     Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000},
    {Region:"Southwest", Territory:"Northern California",
     Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000}, 
    {Region:"Southwest", Territory:"Southern California",
     Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000},
    {Region:"Southwest", Territory:"Southern California",
     Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000},
    {Region:"NorthEast", Territory:"New York",
     Territory_Rep:"Jose Rodriguez", Actual:26992, Estimate:30000},
    {Region:"NorthEast", Territory:"New York",
     Territory_Rep:"lisa Sims", Actual:47885, Estimate:50000}, 
    {Region:"NorthEast", Territory:"Massachusetts",
     Territory_Rep:"kelly o'connell", Actual:172911, Estimate:20000},
    {Region:"NorthEast", Territory:"Pennsylvania",
     Territory_Rep:"John Barnes", Actual:32105, Estimate:30000},
    {Region:"MidWest", Territory:"Illinois",
     Territory_Rep:"Seth Brown", Actual:42511, Estimate:40000}
   ]);
  ]]>
 </fx:Script>
 
 <s:layout>
  <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
 </s:layout>
 
 <s:Panel title="AdvancedDataGrid Control"
    color="0x000000"
    borderAlpha="0.15"
    width="600">
  
  <mx:AdvancedDataGrid id="myADG"
        width="100%" height="100%"
        color="0x323232"
        dataProvider="{dpFlat}">
   
   <mx:groupedColumns>
    
    <mx:AdvancedDataGridColumn dataField="Region" />
    <mx:AdvancedDataGridColumn dataField="Territory" />
    <mx:AdvancedDataGridColumn dataField="Territory_Rep"
             headerText="Territory Rep"/>
    <mx:AdvancedDataGridColumnGroup headerText="Revenues">   
     <mx:AdvancedDataGridColumn dataField="Actual"/>
     <mx:AdvancedDataGridColumn dataField="Estimate"/>
    </mx:AdvancedDataGridColumnGroup>   
    
   </mx:groupedColumns>
   
  </mx:AdvancedDataGrid>
  
 </s:Panel>
 
   </s:Application>

本文转载于:http://www.myflexhero.com/share/flex3-mx/flex-mx-core-components/flex-mx-ui-controls/flex-mx-tree-and-datagrid-controls/117

相关文章推荐

Flex DataGrid多表头实现

  • ljz9425
  • ljz9425
  • 2013年01月25日 09:19
  • 2486

flex通过AdvancedDataGrid合并单元格,导出为excel表格

flex通过AdvancedDataGrid组件合并单元格,通过java端动态绑定AdvancedDataGrid的源数据,并导出AdvancedDataGrid源数据为excel表格 1.创建一个....
  • wpz0713
  • wpz0713
  • 2015年01月14日 08:22
  • 2025

flex-datagrid-advancedDataGrid-demo

  • 2008年10月11日 11:13
  • 3.61MB
  • 下载

Flex技术中AdvancedDataGrid使用方法

  • 2016年07月22日 16:45
  • 1.16MB
  • 下载

Flex开发小结(1)如何使用AdvancedDataGrid

1、AdvancedDataGrid扩展了普通DataGrid的功能,AdvancedDataGrid控件提供了另外一些特性,并在数据显示、数据聚合和数据格式化方面有着强大的控制力。 这里我主要...

flex中 AdvancedDataGrid、datagrid导出到excel

实现原理:使用as3xls这个lib,将当前页面上的AdvancedDataGrid或者Datagrid导出到excel中,效果如下     关键代码 ExportToExcel.as ...

flex4 AdvancedDataGrid 加超链接

以上例子

Flex 3 AdvancedDataGrid的使用(八)

转自 http://hi.baidu.com/lz0830/blog/item/327bf5df7548841a62279862.html 我们继续来讲AdvancedDataGrid的使用。您可以...

Flex4 DataGrid、AdvancedDataGrid与Tree结合使用

Flex4中,将Tree控件插入到DataGrid中展示,可以看到非常炫的效果。其实平常看到的并不是DataGrid而是AdvancedDataGrid。使用AdvancedDataGrid将Tree...
  • abrahu
  • abrahu
  • 2011年07月06日 12:50
  • 5741

Flex 3 AdvancedDataGrid的使用(四)

转自 http://hi.baidu.com/lz0830/blog/item/cc20dd120fbbbe58f919b866.html 显示分层XML数据 前面章节的示例中使用ArrayC...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex AdvancedDataGrid表头合并
举报原因:
原因补充:

(最多只允许输入30个字)