flex 4.6 自定义Datagrid添加checkbox\图片等功能

flex 4.6 中的  spark  的Datagrid相比于之前的 mx 有很大不同

实现自定义<s:itemRenderer>详见代码~

<s:DataGrid id="dg" left="14" right="10" top="35" bottom="9" dataProvider="{datagrid_data}">
        <s:columns>
          <s:ArrayList>
            <s:GridColumn   headerText="程序名称" 
                      dataField="name">
              <s:itemRenderer>
                <fx:Component>
                  <s:GridItemRenderer>
                    <s:HGroup verticalAlign="middle">
                      <s:CheckBox id="cbx"/>
                      <s:BitmapImage  width="24" height="24" source="{data.pic}"/>
                      <s:Label text="{data.name}"/>
                    </s:HGroup>
                  </s:GridItemRenderer>
                </fx:Component>
              </s:itemRenderer>
            </s:GridColumn>
            <s:GridColumn dataField="date" headerText="更新时间"/>
            <s:GridColumn dataField="version" headerText="版本号"/>
            <s:GridColumn dataField="moduleUrl" headerText="moduleUrl"/>
            <s:GridColumn />
          </s:ArrayList>
        </s:columns>
      </s:DataGrid>