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，或者在评论里写下宝贵的经验、建议