[flexcoders] TileList and CustomItemRenderer: How to dynamically change styles

[anuppc]

Hi,
I'm new to flex, would need some help from the experts.

I have a TileList in my application.. Here is the snippet:

                        
                        var favList:TileList = new TileList();
                        favList.columnCount = 2;
                        favList.dataProvider = favArr;
                        favList.itemRenderer = createItemRenderer();
                        favList.percentHeight = 100;
                        favList.percentWidth = 100;
                        favList.dropEnabled = true;
                        favList.dragEnabled = true;
                        favList.dragMoveEnabled = true;

The ItemRenderer tied to the TileList  is :

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%"
height="100%" borderStyle="solid" borderThickness="0"  cornerRadius="5">
    <mx:Style>
        
        .filled
        {
            border-style: solid;
            border-thickness: 0;
            border-skin: ClassReference("border.SimpleGradientBorder");
            fill-colors: #F0F0F0, #C9C9C9;
            corner-radius: 10;
            drop-shadow-enabled: true;
        }
        
    </mx:Style>
    <mx:Script>
        <![CDATA[
            public function changeStyleWest(col1:String, col2:String):void
            {
                box.setStyle("fillColors", [col1, col2]);
            }
        ]]>
    </mx:Script>    
<mx:HBox  id="box" styleName="filled" horizontalAlign="center"
verticalAlign="middle" width="100%" height="100%"   borderColor="#B7BABC"
borderStyle="solid" borderThickness="0"  cornerRadius="5"
themeColor="#009DFF" >
   <mx:VBox horizontalAlign="center" verticalAlign="middle"
borderStyle="solid" borderThickness="0"  cornerRadius="5">
    <mx:Image id="image"  width="100" height="100"
source="assets/{data.Image}"   visible="true"/>

    <mx:Label text="{data.Name}"  width="100" textAlign="center" 
visible="true" />
   </mx:VBox>

</mx:HBox>

</mx:VBox>

Now what i want to achieve is else where in the application there are couple
of buttons and on clicking these buttons i want to change the fill-colors or
style of each Tile based on some Data attributes.

Many Thanks
-- 
View this message in context: 
http://www.nabble.com/TileList-and-CustomItemRenderer%3A-How-to-dynamically-change-styles-tp25822015p25822015.html
Sent from the FlexCoders mailing list archive at Nabble.com.