学步园

本文同步至：http://www.waylau.com/flex-4-6-datagrid-add-checkbox-pic/

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>