学步园

适用于<mx:DataGrid>

1.每行显示不同颜色，比较美观

alternatingItemColors="[#c6eafb, #fdf0c6]"

2.显示单元格内容提示，类似于toolTip

itemRenderer="mx.controls.Label"

3.有很多列时，可以打开滚动条，并锁定前几列（不参与滚动）

horizontalScrollPolicy="on"

lockedColumnCount="{1,2,3}"

4.插入图片  并在单元格里面显示图片和文字

<mx:DataGridColumn width="80">
					<mx:headerRenderer>
						<fx:Component>
							<mx:HBox>
								<mx:Image source="@Embed('assets/images/common/add_2.png')" click="addContract()" toolTip="新增合约" x="1" y="2">
									<fx:Script>
										<![CDATA[
											import com.runtech.ft.view.AddProduct;
											import com.runtech.st.view.AddContract;
											
											import mx.managers.PopUpManager;
											//新增合约
											private function addContract():void{
												var addContract:AddContract = new AddContract();
												PopUpManager.addPopUp(addContract, this, true);
												PopUpManager.centerPopUp(addContract);
											}
										]]>
									</fx:Script>
								</mx:Image>
								<mx:Text text="新增合约"/>
							</mx:HBox>
						</fx:Component>
					</mx:headerRenderer>
					
					<mx:itemRenderer >
						<fx:Component>
							<mx:HBox>
								<mx:Image source="@Embed('assets/images/common/edit.png')" 
										 click="modifyContract(data.contractCode)" toolTip="点击编辑合约" x="2" y="5">
									<fx:Script>
										<![CDATA[
											import com.runtech.st.view.AddContract;
											
											import mx.managers.PopUpManager;
											//修改合约
											private function modifyContract(contractCode:String):void{
												outerDocument.contractModel.freshCurrentContract(contractCode);
												var addContract:AddContract = new AddContract();
												addContract.isAdd = false;
												PopUpManager.addPopUp(addContract, this.parent.parent, true);
												PopUpManager.centerPopUp(addContract);
											}
										]]>
									</fx:Script>
								</mx:Image>
								<mx:Text text="修改合约"/>
							</mx:HBox>
						</fx:Component>
					</mx:itemRenderer>
</mx:DataGridColumn>