Flex中TitleWindow传值

于 2014-04-08 23:01:09 发布
阅读量3.5k 收藏
点赞数 1
分类专栏： Flex Flex 文章标签： flex TitleWindow 传值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/you23hai45/article/details/23216743
版权
Flex 同时被 2 个专栏收录
170 篇文章 0 订阅
订阅专栏
Flex
13 篇文章 4 订阅
订阅专栏

Flex中TitleWindow传值


1、设计思路

（1）新建一个DataGrid，在其中最后一列加入三个按钮：新增、修改和删除；

（2）点击新增按钮，可以将表格新增一行；

（3）单击“修改”按钮，可以修改表格中该行的一些属性；

（4）单击“删除”按钮，会将表格中该行删除。


2、实现步骤

（1）新建一个应用程序，DataGrid.mxml

DataGrid.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:Application 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">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			
			[Bindable]
			//表格数据源绑定
			private var grid:ArrayCollection = new ArrayCollection([
				{number:"2014010101",name:"张三",sex:"男",age:"19"},
				{number:"2014010102",name:"李思",sex:"女",age:"20"},
				{number:"2014010103",name:"蔡华",sex:"男",age:"21"},
				{number:"2014010104",name:"牛耳",sex:"女",age:"22"},
				{number:"2014010105",name:"兆司",sex:"男",age:"18"},
				{number:"2014010106",name:"胡柳",sex:"女",age:"19"},
				{number:"2014010107",name:"刘斯",sex:"男",age:"20"},
				{number:"2014010108",name:"孙阳",sex:"女",age:"22"},
				{number:"2014010109",name:"郑武",sex:"男",age:"21"},
				{number:"2014010110",name:"王雪",sex:"女",age:"20"},
				{number:"2014010111",name:"胡柳",sex:"女",age:"19"},
				{number:"2014010112",name:"刘斯",sex:"男",age:"20"},
				{number:"2014010113",name:"孙阳",sex:"女",age:"22"},
				{number:"2014010114",name:"郑武",sex:"男",age:"21"},
				{number:"2014010115",name:"王雪",sex:"女",age:"20"}
			]);
		]]>
	</fx:Script>
	
	<mx:VBox width="100%" height="100%" paddingBottom="100" paddingLeft="100" paddingRight="100" paddingTop="100">
		<mx:DataGrid id="dataGrid" dataProvider="{grid}" rowCount="{grid.length+1}" width="100%" textAlign="center">
			<mx:columns>
				<mx:DataGridColumn headerText="学号" dataField="number" id="stuNumber"/>
				<mx:DataGridColumn headerText="姓名" dataField="name"/>
				<mx:DataGridColumn headerText="性别" dataField="sex"/>
				<mx:DataGridColumn headerText="年龄" dataField="age"/>
				<mx:DataGridColumn headerText="操作">
					<mx:itemRenderer>
						<fx:Component>
							<mx:HBox width="100%" paddingLeft="40">

								<fx:Script>
									<![CDATA[
										import mx.managers.PopUpManager;
										
										/*添加按钮事件函数*/
										protected function addHandler(event:MouseEvent):void
										{
											var childWindow:ChildWindow = ChildWindow(PopUpManager.createPopUp(this,ChildWindow,true));
											var point:Point = new Point(100,100);
											childWindow.x = point.x + 400;
											childWindow.y = point.y + 50;
										}

										/*修改按钮事件函数*/
										protected function updateHandler(event:MouseEvent):void
										{
											var updateWindow:UpdateWindow = UpdateWindow(PopUpManager.createPopUp(this,UpdateWindow,true));
											var point:Point = new Point(100,100);
											updateWindow.x = point.x + 400;
											updateWindow.y = point.y + 50;
											updateWindow.stuNo = event.currentTarget.selectedItem.content;
										}

									]]>
								</fx:Script>

								<mx:LinkButton label="新增" click="addHandler(event)"/>
								<s:Label width="10"/>
								<mx:LinkButton label="修改" click="updateHandler(event)"/>
								<s:Label width="10"/>
								<mx:LinkButton label="删除"/>
							</mx:HBox>
						</fx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>
			</mx:columns>
		</mx:DataGrid>
		
	</mx:VBox>
</s:Application>

（2）新建一个新增窗口组件，ChildWindow.mxml

ChildWindow.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" width="400" height="300"
			   close="closeHandler(event)" title="新增窗口">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.events.CloseEvent;
			import mx.managers.PopUpManager;

			/*关闭按钮函数*/
			protected function closeHandler(event:CloseEvent):void
			{
				PopUpManager.removePopUp(this);
			}

			/*取消按钮函数*/
			protected function cancelHandler(event:MouseEvent):void
			{
				PopUpManager.removePopUp(this);
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<mx:VBox width="100%" height="100%" horizontalAlign="center">
		<mx:Form borderStyle="solid" borderColor="#CCCCCC" width="100%">
			<mx:FormHeading label="新增界面" fontSize="14"/>
			<mx:FormItem label="学号：">
				<s:TextInput id="stuNo" width="200"/>
			</mx:FormItem>
			<mx:FormItem label="姓名：">
				<s:TextInput id="stuName" width="200"/>
			</mx:FormItem>
			<mx:FormItem label="性别：">
				<s:TextInput id="stuSex" width="200"/>
			</mx:FormItem>
			<mx:FormItem label="年龄：">
				<s:TextInput id="stuAge" width="200"/>
			</mx:FormItem>
		</mx:Form>
		<mx:HBox width="100%" height="25">
			<s:Label width="60"/>
			<s:Button label="新增"/>
			<s:Label width="48"/>
			<s:Button label="取消" click="cancelHandler(event)"/>
		</mx:HBox>
	</mx:VBox>
</s:TitleWindow>

（3）新建一个修改界面组件，UpdateWindow.mxml

UpdateWindow.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" width="400" height="300"
			   close="closeHandler(event)" title="修改窗口">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.events.CloseEvent;
			import mx.managers.PopUpManager;

			/*关闭按钮函数*/
			protected function closeHandler(event:CloseEvent):void
			{
				PopUpManager.removePopUp(this);
			}
			
			/*取消按钮函数*/
			protected function cancelHandler(event:MouseEvent):void
			{
				PopUpManager.removePopUp(this);
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<mx:VBox width="100%" height="100%" horizontalAlign="center">
		<mx:Form borderStyle="solid" borderColor="#CCCCCC" width="100%">
			<mx:FormHeading label="修改界面" fontSize="14"/>
			<mx:FormItem label="学号：">
				<s:TextInput id="stuNo" width="200"/>
			</mx:FormItem>
			<mx:FormItem label="姓名：">
				<s:TextInput id="stuName" width="200"/>
			</mx:FormItem>
			<mx:FormItem label="性别：">
				<s:TextInput id="stuSex" width="200"/>
			</mx:FormItem>
			<mx:FormItem label="年龄：">
				<s:TextInput id="stuAge" width="200"/>
			</mx:FormItem>
		</mx:Form>
		<mx:HBox width="100%" height="25">
			<s:Label width="60"/>
			<s:Button label="修改"/>
			<s:Label width="48"/>
			<s:Button label="取消" click="cancelHandler(event)"/>
		</mx:HBox>
	</mx:VBox>
</s:TitleWindow>

3、设计结果

（1）初始化时


翱翔天地
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flex带最大化最小化按钮可拖动调整窗口大小的TitleWindow
09-04
Flex带最大化最小化按钮可拖动调整窗口大小的TitleWindow
flex修改titleWindow背景
siejls的专栏
07-28 973
开发工具：myesclipse + flex builder 步骤： 1.新建flex项目 flexTitleWindow 切换到Flex设计界面 将titlewindow拖入舞台中，并修改标题 接下来修改titlewindow的外观， 首先修改标题栏 1.查看源代码 2.    新建一个skin文件夹用于存放皮肤 新建皮肤外观
Flex之TitleWindow
weixin_34204057的博客
02-05 93
Creating a pop-up window To create a pop-up window, use the PopUpManager createPopUp() method. The createPopUp() method has the following signature: public static createPopUp(parent:DisplayObjec...
flex TitleWindow 放大、缩小、可缩放 弹出窗口
11-24
flex TitleWindow 放大、缩小、可缩放 弹出窗口 直接把mytest项目导入flexBuilder可直接运行mytest.mxml看效果。
Flex中TitleWindow传值思路及实现
10-25
主要介绍了Flex中TitleWindow传值思路及实现,需要的朋友可以参考下
FLEX TitleWindow之间数据传输的示例
10-29
在Flex里，一般的弹出窗口（除了Alert以外）都可以用TitleWindow组件完成，主窗口和TitleWindow的数据传输可以用以下方法
flex TitleWindow之间数据传输
10-16
flex主页面与弹出窗口之间数据传输的示例
Flex中支持缩放的TitleWindow
07-29
NULL 博文链接：https://sunshineyao.iteye.com/blog/827432
Flex titleWindow resize
07-28
NULL 博文链接：https://176170847.iteye.com/blog/774691
flex 弹出的titleWindow 隐藏标题栏
ask_rent的专栏
04-23 5708
<br />showTopPanelTitle.titleDisplay.parent.visible = false ; <br />可以实现上面的功能：<br />//声明面板的变量 showTopPanelTitle = new objShowTopPanelTitle(); // showTopPanelTitle.percentWidth = 100 ; showTopPanelTitle.width = 1124 ; showTopPanelT
如何使用Flex TitleWindow
wxmfly
07-08 122
[code="xml"]
Flex之TitleWindow学习
zhychdvp的专栏
06-02 415
转帖：http://www.gold98.net/blog/article.asp?id=878官方参考:http://livedocs.adobe.com/flex/2/langref/mx/containers/TitleWindow.htmlhttp://livedocs.adobe.com/flex/3/html/help.html?content=layouts_12.htmlCre
实习日志（8）：Flex的TitleWindow控件
ミ安之偌素
10-18 4205
上午进行了一些关于删除板报的收尾工作。例如考虑到可能存在误删的情况，决定在进行删除操作的时候弹出一个对话框，让用户确定是否真的删除该条信息。 但是简单的Alert.Show()只能提供一个按钮，没有“取消”按钮。因此需要对弹出框进行自定义。实现过程如下：   参考博客：http://www.flexbj.com/post-110.html    点击按钮调用函数：   相关函数：
flex传递参数-------TitleWindow向主页面传递参数(2)
cindyhbbl的专栏
03-06 1037
二、TitleWindow向主页面传递参数： 1.在TitleWindow中声明函数callback，用作参数传递到主页面，不用定义实现方式（主页面定义实现方式）；同时定义传回去参数的值canshu： private var canshu:String = "";//传递回去的参数值 public var callback:Function;//定义关闭窗口后调用的函数，必须是p
flex 自定义组件(TitleWindow)与组件(TitleWindow)之间交互传值
sitian2008的博客
04-12 134
父窗体：A.mxml 子窗体:B.mxml 想实现把子窗体B的值传到A中 首先：在父窗体A中添加一个监听 [Bindable] private var targetArr:ArrayCollection=null;//A中的变量 private var b:B=new B(); private function showB():void{ ...
认识flex的启动、初始化
weixin_34106122的博客
03-11 153
Flex生成的swf是个2帧的MovieClip，文档类继承SystemManager。 2帧结构是为创建加载应用程序的默认加载器。 加载器的外观是通过代码绘制的，SystemManager使用工厂模式来创建应用程序。 当Flex工程和需要的共享库下载完毕后，SystemManager跳到第二帧，从应用程序域中找出Application的定义创建实例。 SystemMa...
flex titleWindow添加最小化和最大化按纽as
sunchunmei555的专栏
01-10 5515
package com.talkyun.rheaui.model { //MyWindow作用是为titleWindow添加窗体的最小化和最大化的功能 import flash.events.MouseEvent; import mx.containers.TitleWindow; import mx.controls.Button; public class MyWindo

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值