FLEX中使用outerDocument

最新推荐文章于 2014-06-27 11:53:01 发布

原创最新推荐文章于 2014-06-27 11:53:01 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#outerdocument #flex

Flex 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何在Flex框架中利用DataGrid组件和自定义ItemRenderer来实现与父页面方法的交互，具体展示了通过使用outerDocument关键字调用父页面方法，并通过实例演示了数据展示与选择操作。

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

调用的父页面方法必须是PUBLIC声明的方法
来源：(http://blog.sina.com.cn/s/blog_578629dc0100etd8.html) - FLEX中使用outerDocument_铁猫猫_新浪博客



<?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>