Control DataGroup width : DataGroup « Data Model « Flex

1. Flex
2. Data Model
3. DataGroup

Control DataGroup width

         

<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 orientation="rows" />
        </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 container
3.	shows a DataGroup container where all its children are Flex components.
4.	Item renderer for DataGroup
5.	DataGroup with Data provider
6.	TitleLayout for DataGroup
7.	DataGroup item added event
8.	DataGroup item removed event
9.	Lazily Create and Recycle Children
10.	LayOut Children Using Rows and Columns
11.	Create a Custom 3D Layout