Using GroupingCollection2 component : GroupingCollection2 « Grid « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Grid » GroupingCollection2Screenshots 
Using GroupingCollection2 component
Using GroupingCollection2 component
  
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import mx.collections.ArrayCollection;
        [Bindable]
        public var myAC:ArrayCollection = new ArrayCollection([
            {category:'Friends', name:'A', email:'j@domain.com'},
            {category:'Friends', name:'B', email:'f@domain.com'},
            {category:'Friends', name:'C', email:'r@domain.com'},
            {category:'Family',  name:'D', email:'z@domain.com'},
            {category:'Family',  name:'E', email:'s@domain.com'}]);
      
    </mx:Script>
    <mx:GroupingCollection2 id="myGC" source="{myAC}">
        <mx:Grouping>
            <mx:GroupingField name="category" />
        </mx:Grouping>
    </mx:GroupingCollection2>
    <mx:AdvancedDataGrid dataProvider="{myGC}" initialize="myGC.refresh()" width="300">
        <mx:columns>
            <mx:AdvancedDataGridColumn dataField="name"  headerText="Contacts" />
            <mx:AdvancedDataGridColumn dataField="email" headerText="Email" />
        </mx:columns>
    </mx:AdvancedDataGrid>
</mx:Application>

   
    
  
Related examples in the same category
1.Creating groups in ActionScriptCreating groups in ActionScript
2.The grouping property is the default MXML property of the GroupingCollection classThe grouping property is the default MXML property of the GroupingCollection class
3.Group AdvancedDataGrid with GroupingCollection2Group AdvancedDataGrid with GroupingCollection2
w__w_w__.__j__a_v__a_2__s.___com___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.