다시 한번 시작해보자. 너무 오래 쉬었네..^^

test.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" paddingBottom="0" paddingLeft="0" paddingRight="0"
 paddingTop="0" horizontalAlign="center" >
 
 <mx:Script>
 <![CDATA[
  
  import mx.containers.TitleWindow;
  import mx.managers.PopUpManager;
  import mx.managers.PopUpManagerChildList;
  
  public function renderClickHandler(data:Object):void
  {
           
   if((systemManager.numChildren-1) == 0)
   {
    var pop:listRenderTitleWindow = listRenderTitleWindow(PopUpManager.createPopUp(this, listRenderTitleWindow, false));
    pop.title = "PopUp Window";
    PopUpManager.centerPopUp(pop);
   }
  } 
  
   
 ]]>
 </mx:Script>
 
 
 <mx:Button id="a1" label="상세정보" fontSize="11" height="18"
  click="renderClickHandler(data)"/> 
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

 <mx:Script>
  <![CDATA[
   
   import mx.collections.ArrayCollection;
   
   [Bindable]
   private var dpGroup:ArrayCollection = new ArrayCollection([
    {data1:"String", data2:"10.11", data3:"red", itemA:"String", itemB:"Object"},
    {data1:"Number", data2:"10.11", data3:"gray", itemA:"Number", itemB:"String"},
    {data1:"Operation", data2:"12.99", data3:"blue", itemA:"Number", itemB:"Object"},
    {data1:"String", data2:"12.99", data3:"red", itemA:"String", itemB:"Object"}]);
  ]]>
 </mx:Script>
 
 <mx:AdvancedDataGrid width="50%" height="60%" dataProvider="{dpGroup}">
  <mx:groupedColumns>
   <mx:AdvancedDataGridColumn dataField="data1"/>
   <mx:AdvancedDataGridColumn dataField="data2"/>
   <mx:AdvancedDataGridColumn dataField="data3"/>
   <mx:AdvancedDataGridColumnGroup headerText="ItemGroup">
    <mx:children>
     <mx:AdvancedDataGridColumn dataField="itemA"/>
     <mx:AdvancedDataGridColumn dataField="itemB"/>
    </mx:children>
   </mx:AdvancedDataGridColumnGroup>
  </mx:groupedColumns>
 
 </mx:AdvancedDataGrid>

 
</mx:Application>

------------------------------------------------------------
adobe 버그 게시판 위에 같은 해결책이 있네요....

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="onLoad()">
 
 <mx:Script>
  <![CDATA[
   import mx.controls.AdvancedDataGrid;
   import mx.collections.ArrayCollection;
   
   import mx.collections.SummaryRow;
   import mx.collections.SummaryField;
   import mx.collections.Grouping;
   import mx.collections.GroupingField;
   import mx.collections.GroupingCollection;
   import mx.controls.advancedDataGridClasses.AdvancedDataGridColumnGroup;
   import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
   
   [Bindable]
   private var fd:ArrayCollection = new ArrayCollection([
    {A:"a",B:"b",C:"d",D:1,E:1},
    {A:"a",B:"b",C:"e",D:1,E:1},
    {A:"a",B:"c",C:"f",D:1,E:1},
    {A:"a",B:"c",C:"g",D:1,E:1},
    {A:"a",B:"c",C:"h",D:1,E:1}]);
   
   private var gfArr:Array = new Array("A","B");
   private var sfArr:Array = new Array("D","E");
   private var gcArr:Array = new Array("C","D","E");
   
   private var gc:GroupingCollection = new GroupingCollection();
   
   public function getGrouping():GroupingCollection
   {
    var gr:Grouping = new Grouping();
    var sf:Array = new Array();
    var gf:Array = new Array();
    
    var sr:SummaryRow = new SummaryRow();
    
    for(var i:int=0; i <sfArr.length; i++)
    {
     sf[i] = new SummaryField(sfArr[i]);
     sf[i].operation = "SUM";
     
    }
    
    sr.fields = sf;
    sr.summaryPlacement = "group";
    
    for(i=0; i <  gfArr.length; i++)
    {
     gf[i] = new GroupingField(gfArr[i]);
     gf[i].summaries = [sr];
    }
    
    gr.fields = gf;
    gc.grouping = gr;
    gc.source = fd;
    
    return gc;
    
   }
   
   public function onLoad():void
   {
    var dg:AdvancedDataGrid = new AdvancedDataGrid();
    var dgcg:AdvancedDataGridColumnGroup = new AdvancedDataGridColumnGroup();
    var dgc:Array = new Array();
    
    for(var i:int=0; i <gcArr.length; i++)
    {
     dgc[i] = new AdvancedDataGridColumn(gcArr[i]);
    }
    
    dgcg.children = [dgc[1],dgc[2]];
    dgcg.headerText = "total";
    dg.groupedColumns = [dgc[0],dgcg];
    dg.dataProvider = getGrouping();
    dg.width = 600;
    dg.height = 400;
    
    this.addChild(dg);
    gc.refresh();
   }
   
   
   
  ]]>
 </mx:Script>
 
 
</mx:Application>

- 플렉스에 기본적인 설정파일은 C:\Program Files\Adobe\Flex Builder 2\Flex SDK 2\frameworks 디렉토리 밑에 mxml-manifest.xml , flex-config.xml  에 있다.

mx:Application에서 layout은 absolute은 절대값기준... horizontal, vertical 절대값무시... 가로,세로로 배치


Handing Event
 - System Event
        * creationComplete => 모든 작업이 완료되었을때 발생
        * initialize  => layout만 memory에 올라왔을떄 발생

Event EX
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 creationComplete="addToTextArea('Application Creation Complete')">
 
 <mx:Script>
  <![CDATA[
   private function addToTextArea(eventText:String):void
   {
    var existingText:String=reportEvents.text;
    reportEvents.text=existingText+eventText+"\n";
   }
  ]]>
 </mx:Script>

 <mx:Label text="Events"/>
 <mx:TextArea editable="false"
  height="200"
  width="200"
  borderStyle="solid"
  id="reportEvents" />
 
 <mx:Button label="Clear Events" click="reportEvents.text=''"/>
 
 <mx:Button  id="myButton" label="Test"
  preinitialize="addToTextArea('Button Preinitialized')"
  initialize="addToTextArea('Button Initialized')"
  creationComplete="addToTextArea('Button Creation Complete')"
  click="addToTextArea('Button Clicked')"
  buttonDown="addToTextArea('Button Down')"
  mouseDown="addToTextArea('Mouse Down')"
  mouseOver="addToTextArea('Mouse Over')"
  mouseOut="addToTextArea('Mouse Out')"/>
  
</mx:Application>


* target / currentTarget
 - target : event를 발생시키는곳
 - currentTarget : 발생된 event를 받는곳

* addEventListener() 함수 예제
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
 creationComplete="initApp()">
 
 <mx:Script>
  <![CDATA[
   
   import flash.events.MouseEvent;
   
   private function initApp():void
   {
    myButton.addEventListener("click", clickHandler);
   }
   
   private function clickHandler(event:MouseEvent):void
   {
    myL.text = "Button Clicked";
    
   }
  ]]>
 </mx:Script>

 <mx:Label id="myL" text="Watch here"/>
 <mx:Button id="myButton" label="Click Me"/>

</mx:Application>