在DataGrid中使用图片 Flex4.6

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" creationComplete="application1_creationCompleteHandler()"
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <s:layout>
        <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
    </s:layout>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;
            [Bindable]
            private var dp:ArrayCollection=new ArrayCollection([{pic:"assets/3100.jpg",sam:"3100",price:"3000"},{pic:"assets/3200.jpg",sam:"3200",price:"3200"},{pic:"assets/9500.jpg",sam:"9500",price:"6000"}]);
            
            protected function application1_creationCompleteHandler():void
            {
                // TODO Auto-generated method stub
                
            }
            
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    <s:DataGrid id="dg" width="400" height="800" requestedRowCount="4" dataProvider="{dp}">
        <s:columns>
            <s:ArrayList>
                <s:GridColumn dataField="pic" headerText="pic">
                    <s:itemRenderer>
                        <fx:Component>
                            <s:GridItemRenderer>
                                <s:BitmapImage source="{data.pic}" width="100" height="200"/>
                            </s:GridItemRenderer>
                        </fx:Component>
                    </s:itemRenderer>
                </s:GridColumn>
                <s:GridColumn dataField="sam" headerText="sam"></s:GridColumn>
                <s:GridColumn dataField="price" headerText="price"></s:GridColumn>
            </s:ArrayList>
        </s:columns>
    </s:DataGrid>
</s:Application>