Access image in item render

Question

hello guys i have an item renderer
like so
<mx:Component>
<mx:HBox width="100%" height="70" paddingLeft="0" paddingRight="0">
<mx:Image id="gb"  source="assets/Warning.png" enabled="true" alpha="1" click="outerDocument.ShowPidmHideDuplicate();"  useHandCursor="true" buttonMode="true"/>
<mx:Text id="stext" text="{data.fwvitals_messageA}"
                    fontFamily="
Georgia"                     fontSize="
14" fontWeight="bold" />
<mx:Image id="his" source="assets/history.png" enabled="true" alpha="1" useHandCursor="true" buttonMode="true"/>
</mx:HBox>
</mx:Component>
I would like to access the image in the item renderer so i can change it to something else using actionscript 3.0 does anyone know how does one go about doing this?

Answer 1

Hi miguel,
You can access the image in your itemRenderer the following way by writing the ActionScript block within the itemRenderer...
<mx:itemRenderer>
    <mx:Component>
     <mx:HBox width="100%" height="70" paddingLeft="0" paddingRight="0">
      <mx:Script>
                  <![CDATA[
               private function changeImage():void
                  gb.source = "assets/Warning1.png";
                  his.source = "assets/history1.png";
                  ]]>
              </mx:Script>
      <mx:Image id="gb"  source="assets/Warning.png" enabled="true" alpha="1" click="outerDocument.ShowPidmHideDuplicate();"  useHandCursor="true" buttonMode="true"/>
      <mx:Text id="stext" text="{data.fwvitals_messageA}" fontFamily="Georgia" fontSize="14" fontWeight="bold" />
      <mx:Image id="his" source="assets/history.png" enabled="true" alpha="1" useHandCursor="true" buttonMode="true"/>
     </mx:HBox>
    </mx:Component>
</mx:itemRenderer>
You can call the function changeImage() either on a button click or any event you want to chnage the source of image..
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari