DataGrid添加小图标，单击居中显示图片（有点差异，第2次才能把图片正确得显示）

<mx:DataGridColumn width="15">
<mx:itemRenderer>
<mx:Component>
<mx:Image click="outerDocument.getPhoto()" source="Photo.toString"/>
</mx:Component>
</mx:itemRenderer>

//弹出图片
public function getPhoto():void{
if(winphoto.visible==true)
PopUpManager.removePopUp(winphoto);
PopUpManager.addPopUp(winphoto,this);
winphoto.imgPhoto.source = dgContainer.selectedItem.Photo;
PopUpManager.centerPopUp(winphoto);
}

win:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
close="PopUpManager.removePopUp(this)" showCloseButton="true">
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
]]>
</mx:Script>
<mx:Image id="imgPhoto"/>
</mx:TitleWindow>

很郁闷图片在第2次点击后才居中，第2张图片的显示是根据第一张图片的位置显示。

有好的建议或着方法，请Email，或者在评论里写下宝贵的经验、建议