How populate itemrenderer items with data.

Question

How populate itemrenderer items with data. Ie after my app starts I generate an array collection that I want to assign as the data provider to each combobox in my item renderer, which im using in a datagrid.

Answer 1

<?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"
               minWidth="955"
               minHeight="600">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <s:ArrayCollection id="booksWithStores">
            <fx:Object name="book1" stores="{new ArrayCollection(['store1','store2'])}"/>
            <fx:Object name="book2" stores="{new ArrayCollection(['store1','store3'])}"/>
            <fx:Object name="book3" stores="{new ArrayCollection(['store2','store3', 'store4'])}"/>
            <fx:Object name="book4" stores="{new ArrayCollection(['store1','store4'])}"/>
        </s:ArrayCollection>
        <s:ArrayCollection id="booksWithoutStores">
            <fx:Object name="bookA"/>
            <fx:Object name="bookB"/>
            <fx:Object name="bookC"/>
            <fx:Object name="bookD"/>
        </s:ArrayCollection>
        <s:ArrayCollection id="allStores">
            <fx:String>store1B</fx:String>
            <fx:String>store2B</fx:String>
            <fx:String>store3B</fx:String>
            <fx:String>store4B</fx:String>
        </s:ArrayCollection>
        <fx:Component id="renderer1" className="Renderer1">
            <s:MXDataGridItemRenderer>
                <s:DropDownList dataProvider="{data.stores}" />   
            </s:MXDataGridItemRenderer>
        </fx:Component>
        <fx:Component id="renderer2" className="Renderer2">
            <s:MXDataGridItemRenderer>
                <s:DropDownList dataProvider="{storesList}" />
                <fx:Script>
                    <![CDATA[
                        import mx.collections.ArrayCollection;
                        [Bindable]
                        public var storesList:ArrayCollection;
                    ]]>
                </fx:Script>
            </s:MXDataGridItemRenderer>
        </fx:Component>
    </fx:Declarations>
    <mx:Form>
        <mx:FormItem label="Dynamic Stores">
            <mx:DataGrid dataProvider="{booksWithStores}" width="354">
                <mx:columns>
                    <mx:DataGridColumn dataField="name"/>
                    <mx:DataGridColumn dataField="stores" itemRenderer="{renderer1}"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:FormItem>
        <mx:FormItem label="Static Stores">
            <mx:DataGrid dataProvider="{booksWithoutStores}" width="354">
                <mx:columns>
                    <mx:DataGridColumn dataField="name"/>
                    <mx:DataGridColumn dataField="stores" itemRenderer="{createRendererWithProperties(Renderer2, {storesList:allStores})}"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:FormItem>
    </mx:Form>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            public static function createRendererWithProperties(renderer:Class, properties:Object):IFactory
                var factory:ClassFactory=new ClassFactory(renderer);
                factory.properties=properties;
                return factory;
        ]]>
    </fx:Script>
</s:Application>