`
longgangbai
  • 浏览: 7357143 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex 中子窗体和父窗体的交互信息

阅读更多

Flex 中父窗口和子窗口的数据交换的实现如下.
1 在Flex2中弹出式窗口的API如下
Package :  mx.managers
Class   :        PopUpManager
Methods : addPopUp(window:IFlexDisplayObject, parent:DisplayObject, modal:Boolean = false, childList:String = null):void
参数解释:
window : 要弹出的对象,这对象必须实现了IFlexDisplayObject接口,比如TitleWindow.
parent        : 子窗口的父窗口对象.
modal        : 模式弹出(true)还是非模式弹出(false).
childList        : 弹出式对象在那个对象下弹出.
                 PopUpManagerChildList.APPLICATION
                 PopUpManagerChildList.POPUP     
                 PopUpManagerChildList.PARENT (默认).
2     实例
Java代码
<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">  
<mx:Script>  
<![CDATA[  
import mx.events.ListEvent;  
import com.demo.PersonVO;  
import mx.events.ItemClickEvent;  
import mx.collections.ArrayCollection;  
import mx.managers.PopUpManager;  
[Bindable]  
private var testDataSource : ArrayCollection = new ArrayCollection(  
[      {id : 1 ,name :"zhangsan",language : "java"},  
       {id : 2 ,name :"lisi",language : "c++"},  
       {id : 3 ,name :"qianwu",language : "vb"},  
       {id : 4 ,name :"xiaohong",language : "pb"},  
       {id : 5 ,name :"xiaoming",language : "perl"},  
])  
 
private function showDetailPersonInfo(event : ListEvent) : void 
{  
       var personVO : PersonVO =new PersonVO();  
    
       personVO.id = event.currentTarget.selectedItem.id  
       personVO.name = event.currentTarget.selectedItem.name;  
       personVO.language = event.currentTarget.selectedItem.language;  
    
       //hard code the detail person information  
       personVO.email = "test12638@163.com
       personVO.married = false;  
       personVO.workYears = "3 years" 
    
       var personPopUpWindow : PersonInfomationPopWindow = new PersonInfomationPopWindow();  
       personPopUpWindow.personVO = personVO;  
       PopUpManager.addPopUp(personPopUpWindow,this,true);  
       PopUpManager.centerPopUp(personPopUpWindow);  
}  
 
]]>  
</mx:Script>  
<mx:DataGrid dataProvider="{testDataSource}" width="100%" height="100%" itemClick="showDetailPersonInfo(event)">  
<mx:columns>  
       <mx:DataGridColumn dataField="id" headerText="编号" />  
       <mx:DataGridColumn dataField="name" headerText="名字" />  
       <mx:DataGridColumn dataField="language" headerText="开发语言" />  
</mx:columns>  
</mx:DataGrid>  
</mx:Application>  
------------------------------  
<?xml version="1.0" encoding="utf-8"?>  
<mx:TitleWindow   
xmlns:mx="http://www.adobe.com/2006/mxml"   
width="400"   
height="300"   
showCloseButton="true"   
close="PopUpManager.removePopUp(this)">  
<mx:VBox width="400" height="200" paddingTop="10" >  
      <mx:HBox width="100%" paddingLeft="10">  
       <mx:Label width="40%" text="id:"/>  
       <mx:Label text="{personVO.id}"/>    
      </mx:HBox>     
      <mx:HBox width="100%" paddingLeft="10">  
       <mx:Label width="40%" text="name:"/>  
       <mx:Label text="{personVO.name}"/>    
      </mx:HBox>  
      <mx:HBox width="100%" paddingLeft="10">  
       <mx:Label width="40%" text="language:"/>  
       <mx:Label text="{personVO.language}"/>   
      </mx:HBox>  
      <mx:HBox width="100%" paddingLeft="10">  
       <mx:Label width="40%" text="workYears:"/>  
       <mx:Label text="{personVO.workYears}"/>   
      </mx:HBox>  
      <mx:HBox width="100%" paddingLeft="10">  
       <mx:Label width="40%" text="married:"/>  
       <mx:Label text="{personVO.married}"/>   
      </mx:HBox>  
</mx:VBox>  
<mx:Script>  
      <![CDATA[  
       import mx.managers.PopUpManager;  
       import com.demo.PersonVO;  
       [Bindable]  
       public var personVO : PersonVO = null;]]>  
</mx:Script>  
</mx:TitleWindow>  
-------------------------------------------  
package com.demo  
{  
[Bindable]  
public class PersonVO  
{  
    
      public var id : String = "";  
      public var name : String = "";  
      public var language : String = "";  
      public var email : String = "";  
      public var workYears : String = "";  
      public var married : Boolean = false;  
    
    
}  

 

分享到:
评论

相关推荐

    Flex父窗体和子窗体通信

    本文将详细阐述如何在Flex中实现父窗体与子窗体之间的数据传输,以及如何在子窗体数据变化时更新父窗体的数据。 首先,我们来看子窗体的部分。在Flex中,子窗体可以定义一个公开的方法来允许父窗体进行访问。例如,...

    Flex和java交互搭建

    Flex和Java交互搭建是开发富互联网应用程序(RIA)时常用的一种技术组合,它允许前端的Flex界面与后端的Java服务器进行数据交换和业务逻辑处理。这个项目新手用来练手非常合适,因为其结构简单,易于理解。接下来,...

    flex panel窗体有最小化最大化关闭

    在标题“flex panel窗体有最小化最大化关闭”中,我们关注的是Flex Panel的基本功能,即允许用户最小化、最大化和关闭窗体,同时窗体还具有可移动性。 1. **Flex Panel组件**:Flex Panel是Flex SDK中的一个基础...

    flex和javascript交互例子

    在IT行业中,Flex和JavaScript之间的交互是Web开发中的一个重要知识点,尤其在构建富互联网应用程序(RIA)时。Flex是一款基于Adobe Flash Player运行时的开源框架,用于创建动态、交互式的用户界面,而JavaScript则...

    flex数据交互_方式

    Flex数据交互方式主要涵盖了数据绑定、事件处理和网络通信等方面。 ### 数据绑定 数据绑定是Flex数据交互的核心机制之一,它允许视图组件(如文本框、列表、图表等)自动同步到模型中的数据源。Flex提供了两种类型...

    C#与flex交互

    标题中的"C#与Flex交互"指的是在开发过程中,使用C#作为后端处理逻辑,而Flex作为前端用户界面,两者之间进行数据和功能的通信。Flex是一种基于Adobe AIR和Flash Player运行时的开源框架,主要用于构建富互联网应用...

    Flex与Java的交互

    Flex与Java的交互是跨平台应用开发中的常见技术组合,允许前端用户界面(UI)与后端业务逻辑进行高效沟通。在本文中,我们将深入探讨如何使用Flex 4与Java进行通信,并通过三种不同的方法实现这一目标:RemoteObject...

    flex flex和 java交互

    标题"flex 和 java交互"指出了一个关键的技术融合,即Flex与Java的整合,允许Flex前端与Java后端进行数据和功能的通信。这种交互通常是通过AMF(Action Message Format)协议实现的,它提供了一种高效的数据序列化...

    flex 和 js 交互

    在IT领域,Flex和JavaScript之间的交互是一个常见的需求,特别是在构建富互联网应用程序(RIA)时。Flex,基于ActionScript,提供了一种强大的方式来创建富图形用户界面,而JavaScript则广泛用于网页的动态功能和与...

    Flex 与 html 交互 调用本地html

    在IT领域,Flex和HTML之间的交互是一个常见的需求,特别是在构建富互联网应用程序(RIA)时。Flex,基于ActionScript,提供了一种强大的方式来创建动态、交互式的用户界面,而HTML则作为网页的基础语言,用于布局和...

    Flex与Servlet之间数据的交互

    Flex与Servlet的数据交互主要通过AMF(Action Message Format)协议完成,这是一种高效的二进制格式,能够快速传输对象和数据。Flex客户端通过HTTP或HTTPS协议向Servlet发送AMF请求,Servlet接收到请求后处理数据,...

    flex与flash的交互

    3. **事件监听**:Flex和Flash都可以监听和触发事件,通过注册事件监听器,一个组件可以响应另一个组件的事件,从而实现复杂的交互逻辑。 4. **数据共享**:在Flex和Flash之间共享数据是常见的需求,可以使用`...

    Flex与java和数据库交互的完美文档

    Flex与java和数据库交互的完美文档

    flex与C++多线程服务器端交互

    在IT领域,尤其是在网络编程和应用开发中,Flex与C++的结合经常被用来构建高效、跨平台的客户端-服务器应用程序。"flex与C++多线程服务器端交互"这个主题涉及了几个关键的技术点,包括Flex技术、Socket通信、多线程...

    Flex与Web服务的通讯+交互

    Flex作为Adobe推出的富互联网应用(RIA)框架,以其强大的图形用户界面和丰富的交互能力,常用于构建动态、数据驱动的Web应用程序。而Web服务则是通过HTTP协议提供标准化接口,使得不同系统间能够进行数据交换。 1....

    Flex和java交互的示例代码

    ### Flex与Java交互知识点 #### 一、简介 在Flex与Java进行交互的过程中,主要涉及到的是前后端的...综上所述,通过合理的架构设计和编码实践,Flex与Java可以高效地进行数据交互,从而构建出功能强大的Web应用程序。

    Flex与.NET交互

    这些代码片段可以帮助开发者更好地理解和实现Flex与.NET之间的对象交互。 总结来说,Flex与.NET的交互通过FluorineFx等工具实现,使得富互联网应用可以充分利用.NET的后端能力,同时提供了高效的数据传输方式,支持...

    Flex实例 Flex基础 Web+Flex+LCDS Flex跟Java交互

    1. **Flex基础**:Flex提供了一整套组件库,包括按钮、文本输入框、列表等,使得开发者可以快速构建具有专业外观和交互性的用户界面。MXML是一种声明式语言,用于布局组件和定义应用程序结构,而ActionScript则是一...

    Flex使用json和xml数据交互

    ### Flex使用json和xml数据交互:深度解析与实践 #### 引言 在现代Web开发领域,数据交换格式的选择对于实现高效、灵活的前后端通信至关重要。JSON(JavaScript Object Notation)与XML(Extensible Markup ...

    flex与JS交互示例

    Flex与JavaScript交互是Web开发中的一个重要技术,它允许在Adobe Flex应用和HTML页面之间进行数据交换和功能调用。在本示例中,我们将深入探讨如何实现这种交互,并通过具体的步骤来理解其工作原理。 首先,Flex是...

Global site tag (gtag.js) - Google Analytics