skydream_xu的专栏

重温,夯实基础

Flex AdvancedDataGrid表头合并

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
下一篇Flex屏蔽右键
想对作者说点什么? 我来说一句

Flex DataGrid多表头实现

ljz9425 ljz9425

2013-01-25 09:19:30

阅读数:2615

没有更多推荐了,返回首页

关闭
关闭