Flex父子窗口相互調(diào)用實現(xiàn)思路及源碼
1、設(shè)計思路
(1)子窗口調(diào)用父窗口的方法
(2)子窗口做了修改后,返回父窗口,父窗口調(diào)用子窗口函數(shù)
2、設(shè)計源碼
(1)父窗口
ParentWindow.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"
width="100%" height="100%">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 將非可視元素(例如服務(wù)、值對象)放在此處 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.managers.PopUpManager;
[Bindable]
//表格數(shù)據(jù)源綁定
private var grid:ArrayCollection = new ArrayCollection([
{number:"2014010101",name:"張散",sex:"男",age:"23"},
{number:"2014010102",name:"李思",sex:"女",age:"22"},
{number:"2014010101",name:"吳王",sex:"男",age:"21"},
{number:"2014010101",name:"趙柳",sex:"女",age:"20"},
{number:"2014010101",name:"游華",sex:"男",age:"22"},
{number:"2014010101",name:"祝思",sex:"女",age:"18"},
{number:"2014010101",name:"周禮",sex:"男",age:"19"},
{number:"2014010101",name:"華捷",sex:"女",age:"20"},
{number:"2014010101",name:"劉亮",sex:"男",age:"22"},
{number:"2014010101",name:"沈雪",sex:"女",age:"21"}
]);
/*修改事件函數(shù)*/
protected function updateHandler(event:MouseEvent):void
{
//新建子窗體對象
var childWindow:ChildWindow = new ChildWindow();
//將子窗體添加到PopUpManager中
PopUpManager.addPopUp(childWindow,this,true);
//向子窗體傳遞參數(shù)
childWindow.age = "23";
//子窗口調(diào)用父窗口函數(shù)
childWindow.callBack = this.myFunction;
//子窗體居中彈出
PopUpManager.centerPopUp(childWindow);
}
/*刷新函數(shù)*/
public function myFunction(you:String):void
{
Alert.show(you+"Hello");
}
]]>
</fx:Script>
<mx:VBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10">
<mx:DataGrid id="dataGrid" dataProvider="{grid}" rowCount="{grid.length + 1}" width="100%"
verticalAlign="middle" textAlign="center">
<mx:columns>
<mx:DataGridColumn headerText="學號" dataField="number"/>
<mx:DataGridColumn headerText="姓名" dataField="name"/>
<mx:DataGridColumn headerText="性別" dataField="sex"/>
<mx:DataGridColumn headerText="年齡" dataField="age"/>
</mx:columns>
</mx:DataGrid>
<mx:HBox width="100%" horizontalAlign="center" verticalAlign="middle">
<s:Button label="修改" click="updateHandler(event)"/>
</mx:HBox>
</mx:VBox>
</s:Application>
(2)子窗口
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="300" height="220"
close="closeHandler(event)" title="修改窗口">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.managers.PopUpManager;
//回調(diào)函數(shù)
public var callBack:Function;
public var age:String = "";
/*關(guān)閉事件函數(shù)*/
protected function closeHandler(event:CloseEvent):void
{
PopUpManager.removePopUp(this);
}
/*修改按鈕事件函數(shù)*/
protected function updateHandler(event:MouseEvent):void
{
stuAge.text = age;
}
/*取消按鈕事件函數(shù)*/
protected function cancelHandler(event:MouseEvent):void
{
number.text = "";
stuName.text = "";
PopUpManager.removePopUp(this);
if(isPopUp)
{
callBack.call(parent);
}
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 將非可視元素(例如服務(wù)、值對象)放在此處 -->
</fx:Declarations>
<mx:VBox width="100%" height="100%">
<mx:Form>
<mx:FormItem label="學號:">
<s:TextInput id="number" width="200" maxChars="10"/>
</mx:FormItem>
<mx:FormItem label="姓名:">
<s:TextInput id="stuName" width="200" maxChars="10"/>
</mx:FormItem>
<mx:FormItem label="性別:">
<mx:HBox width="100%">
<mx:RadioButtonGroup id="sex"/>
<s:RadioButton groupName="sex" label="男" selected="true"/>
<s:RadioButton groupName="sex" label="女"/>
</mx:HBox>
</mx:FormItem>
<mx:FormItem label="年齡:">
<s:TextInput id="stuAge" width="200" maxChars="2"/>
</mx:FormItem>
<mx:FormItem>
<mx:HBox width="100%">
<s:Button label="修改" click="updateHandler(event)"/>
<s:Label width="42"/>
<s:Button label="取消" click="cancelHandler(event)"/>
</mx:HBox>
</mx:FormItem>
</mx:Form>
</mx:VBox>
</s:TitleWindow>
3、設(shè)計結(jié)果
(1)初始化時
(2)單擊修改按鈕
上一篇:Flex中TextInput組件設(shè)置限制某些字符的輸入的方法
欄 目:Flex
下一篇:獲取到AdvancedDataGrid選中行的全部數(shù)據(jù)
本文標題:Flex父子窗口相互調(diào)用實現(xiàn)思路及源碼
本文地址:http://mengdiqiu.com.cn/a1/Flex/11591.html
您可能感興趣的文章
- 01-11flex調(diào)用webservice中的自定義類的方法
- 01-11Flex實現(xiàn)的上傳攝像頭拍照并將UI保存為圖片
- 01-11Flex字體加粗問題只能對英文的字體加粗
- 01-11flex利用webservice上傳照片實現(xiàn)代碼
- 01-11Flex控制彈出窗口拖動范圍示例代碼
- 01-11flex內(nèi)嵌html網(wǎng)頁示例代碼
- 01-11Flex中在Tree綁定數(shù)據(jù)后自動展開樹節(jié)點的方法
- 01-11Flex彈出窗口請求Action函數(shù)示例
- 01-11Flex中通過RadioButton進行切換示例代碼
- 01-11Flex中TabNavigator設(shè)置Tabs樣式思路及源碼


閱讀排行
本欄相關(guān)
- 01-11flex調(diào)用webservice中的自定義類的方法
- 01-11Flex實現(xiàn)的上傳攝像頭拍照并將UI保存
- 01-11datagrid不可編輯行有關(guān)問題的控制方法
- 01-11Flex控制彈出窗口拖動范圍示例代碼
- 01-11flex利用webservice上傳照片實現(xiàn)代碼
- 01-11Flex字體加粗問題只能對英文的字體加
- 01-11Flex中在Tree綁定數(shù)據(jù)后自動展開樹節(jié)點
- 01-11flex內(nèi)嵌html網(wǎng)頁示例代碼
- 01-11Flex中通過RadioButton進行切換示例代碼
- 01-11Flex彈出窗口請求Action函數(shù)示例
隨機閱讀
- 01-10delphi制作wav文件的方法
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10C#中split用法實例總結(jié)
- 04-02jquery與jsp,用jquery
- 01-11ajax實現(xiàn)頁面的局部加載
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置