LayOut Children Using Rows and Columns : DataGroup « Data Model « Flex






LayOut Children Using Rows and Columns

LayOut Children Using Rows and Columns
           
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:s="library://ns.adobe.com/flex/spark">
    
    <mx:String id="txt">this is a test.</mx:String>
    
    <mx:HSlider id="slider" minimum="100" maximum="400" value="250" />
    
    <s:DataGroup width="{slider.value}" itemRenderer="spark.skins.spark.DefaultItemRenderer">
        <s:layout>
            <s:TileLayout />
        </s:layout>
        <s:dataProvider>
            <mx:ArrayCollection source="{txt.split(' ')}" />
        </s:dataProvider>
        
    </s:DataGroup>
    
</mx:Application> 

   
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Associating a DataGroup container's dataProvider with an array of strings.
2.Use the DefaultItemRenderer with a DataGroup containerUse the DefaultItemRenderer with a DataGroup container
3.shows a DataGroup container where all its children are Flex components.shows a DataGroup container where all its children are Flex components.
4.Item renderer for DataGroupItem renderer for DataGroup
5.DataGroup with Data providerDataGroup with Data provider
6.Control DataGroup widthControl DataGroup width
7.TitleLayout for DataGroupTitleLayout for DataGroup
8.DataGroup item added eventDataGroup item added event
9.DataGroup item removed eventDataGroup item removed event
10.Lazily Create and Recycle ChildrenLazily Create and Recycle Children
11.Create a Custom 3D LayoutCreate a Custom 3D Layout