flex使用的outerDocument

最新推荐文章于 2015-10-23 11:55:00 发布

转载最新推荐文章于 2015-10-23 11:55:00 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/programmer-wind/archive/2012/01/30/2919562.html

本文介绍在Flex中如何正确地在<mx:Component>定义的itemRenderer中调用外部文件的方法。通过使用outerDocument标识符，可以在itemRenderer内部调用父页面中的公共方法。

从 <mx:Component> 中定义的变量仅作用于那个组件/内联 itemRenderer。同样, <mx:Component> 外的内容在不同的作用范围内, 就像这个组件是在另一个文件中定义的那样。例如, 假设您为这个 itemRenderer 添加了一个 Button, 允许用户从在线零售商那里购买书籍。Button 调用它们的 click 事件上的函数, 所以您可以如下定义这个按钮:

Xml代码

<mx:Button label="Buy" click="buyBook(data)" />

<mx:Button label="Buy" click="buyBook(data)" />

如果在文件的 <mx:Script> 块中定义 buyBook() 函数, 会显示一个错误, 指出 buyBook() 是一个未定义的方法。这是因为 buyBook() 是在文件的作用范围内而不是在 <mx:Component> 的作用范围内定义的。由于这是一个典型用例, 使用 outerDocument 标识符可以避开这个问题:

Xml代码

<mx:Button label="Buy" click="outerDocument.buyBook(data)" />

<mx:Button label="Buy" click="outerDocument.buyBook(data)" />

outerDocument 标识符将作用范围更改为查找文件或外部文档, 并引用 <mx:Component>。现在请注意: 这个函数必须是公共函数, 而不是受保护或私有函数。记住, <mx:Component> 被视为外部定义的类。

FLEX中使用itemRenderer调用父页面的方法使用关键字outerDocument

调用的父页面方法必须是PUBLIC声明的方法

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:local="*"
layout="absolute" >
<mx:Script>
<![CDATA[
import mx.controls.CheckBox;
import mx.controls.Alert;
[Bindable]
private var dp:Array = [
{idx:1, names: "test1", sex: "b" },
{idx:2, names: "test2", sex: "g" }

];
public function doSelect(o:Object):void
{
Alert.show("选择了"+o.idx+"/"+o.names+"/"+o.sex);

}
]]>
</mx:Script>
<mx:DataGrid id="dg1" dataProvider ="{dp}">

<mx:columns>
<mx:DataGridColumn width="20" headerText="" >
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox change=" {outerDocument.doSelect(data as Object)} " />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn headerText="names" dataField="names" width="200" />
<mx:DataGridColumn headerText="sex" dataField="sex" width="300" />

</mx:columns>
</mx:DataGrid>
</mx:Application>

转载于:https://www.cnblogs.com/programmer-wind/archive/2012/01/30/2919562.html