flex4 datagrid里点击链接打开图片的方法

1. 在datagrid里面 加入链接

链接新窗口显示相关的图片
。

如下

<mx:DataGridColumn resizable="false" editable="false" headerText="查看大图" >
<mx:itemRenderer>
<fx:Component>
<mx:HBox width="100%" horizontalGap="0">
<mx:LinkButton label="查看大图" click="parentDocument.viewBigImage()" />

</mx:HBox>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>

方法：

/**
* 原作查看大图 yanek 增加该方法
*/
public function viewBigImage():void{
//选中的行数
var k:int = this.originalPicList.selectedIndex;
//Alert.show("k="+k);

//获取dataGrid中的数据
var arr : Array =(originalPicList.dataProvider as ArrayCollection).source;
//获取当前选中行的dictType列的数据
var path:String = arr[k]["picUrlImage"].toString();

var path1:String = this.originalPicList.selectedItem.picUrlImage;


//Alert.show("path="+path);


var window : ViewBigImage = PopUpManager.createPopUp(this,ViewBigImage,true) as ViewBigImage;
window.owner = this;
//window.bigimage.source = path;
window.bigimage.source = path1;
PopUpManager.centerPopUp(window);//弹出子窗口

}
//////////////////////

注意：取得路径的方法 var path1:String = this.originalPicList.selectedItem.picUrlImage;

弹出新窗口代码：ViewBigImage.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" close="PopUpManager.removePopUp(this)" title="大图查看" width="681" height="498">
<s:layout>
<s:BasicLayout/>
</s:layout>

<fx:Script>
<![CDATA[

import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.core.Application;
import mx.managers.PopUpManager;
import mx.rpc.events.ResultEvent;


private var trme : String = Math.random().toString();
private var dtArray : ArrayCollection = new ArrayCollection();



protected function init():void{

}

protected function close_window():void{
PopUpManager.removePopUp(this);
}

]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<mx:Image x="58" y="20" width="564" height="391" id="bigimage"/>
</s:TitleWindow>