Question

Flex DataGrid 单元格单击弹出窗体

这是Flex中的DataGrid的表格，里面填入了一些值，现在有这样的想法，在点击“现场图片”这一字段内的单元格时，要求弹出窗口展示图片，点击其他的没有反应，试问在Flex中如何实现？！

能用代码说明的更好！！！
先在DataGrid中写如下代码
<mx:itemRenderer>
<fx:Component>
<mx:Image width="20" height="20" source="assets/images/wgmodel.jpg" click="outerDocument.showimage(data)">
</mx:Image>
</fx:Component>
</mx:itemRenderer>

想问问，在函数定义部分改怎样实现所想的功能？！
<mx:Script><![CDATA[
public function showimage(value:Object):String{
？？？？？？？？？？？？？？？？？？
return “";}
]]>
</mx:Script>

回答上来感激不尽啊

Answer 1

自定义一个组件，排好版，把图片组件放上（不指定source）
然后这边点击时 初始化自定义的组件，并把图片的字节数组传过去作为图片的source，然后用Popupmanage弹出自定义组件不就可以了么

追问

有没有例子能供参考学习的呢？我是新手，可能光这样说还不太理解

追答

var panel:Panel = new Panel();
var group:VGroup = new VGroup();
var hgroup1:Group = new Group();
hgroup1.percentWidth = 100;
var image:Image = new Image();
image.source = value.图片的字节数组;
image.horizontalCenter = 0;
hgroup1.addElement(image);

var hgroup2:Group = new Group();
hgroup2.percentWidth = 100;
var closeButton:Button = new Button();
closeButton.horizontalCenter = 0;
closeButton.label = "关闭";

closeButton.addEventListener(MouseEvent.CLICK, function():void {PopUpManager.removePopUp(panel);});

hgroup2.addElement(closeButton);

group.addElement(hgroup1);
group.addElement(hgroup2);
panel.addElement(group);
panel.isPopUp = true;
PopUpManager.addPopUp(panel, this);
PopUpManager.centerPopUp(panel);

放在你的函数里面看看能不能用

Answer 2

在项呈示器的脚本派发事件，datagrid监听事件，监听函数来实现逻辑
<mx:Script><![CDATA[
public function showimage(value:Object):String{
this.dispatchEvent(new CustomEvent("someEvent",object,true));
return “";}
]]>
</mx:Script>
datagrid监听
datagrid.addEventListener("someEvent",doSomeThing);
CustomEvent为自定义事件，object是你要传的值，如果不需要传值可以不用自定义事件

Answer 3

弹出窗口ImageWindow.mxml:
<titlewindow>
<script>
[bindable] public var imgUrl:string;
</script>
<image source="{imgUrl}"/>
</titlewindow>

弹出代码：
public function showimage(value:Object):void{
var win:ImageWindow = new ImageWindow;
win.imgUrl = value.url;
PopupManager.addPopup(win);
}

追问

请问ImageWindow.mxml具体该怎样写呢

追答

没什么特别的啊，就是定义一个public url变量供外面用，然后image的source绑定这个url，至于还要不要显示其它的，随便你写了

Answer 4

定义一个窗口组件tagWin
public var tagWin:TagList = new TagList();

PopUpManager.addPopUp(tagWin,this,true);
PopUpManager.centerPopUp(tagWin);