flex 4 TabNavigator 切换触发事件
2014-06-19 14:25
375 查看
</pre><pre name="code" class="html"><?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" creationComplete="init()"> <fx:Script> <![CDATA[ import mx.controls.TabBar; import mx.controls.Button; import mx.controls.Alert; import mx.events.CloseEvent; import mx.managers.PopUpManager; private var iTabIndex:int; private var iToTabIndex:int; private var _updateAlert:Alert; public function init():void { iTabIndex = 0; iToTabIndex = 0; var btn:Button; for(var i:int=0;i<tab.getChildren().length;i++) { btn = tab.getTabAt(i); btn.addEventListener(MouseEvent.MOUSE_DOWN,tabClickHandler,false,111); } } private function tabClickHandler(event:MouseEvent):void { iToTabIndex = event.currentTarget.parent.getChildIndex(event.currentTarget); //终止事件 event.stopImmediatePropagation(); //给出提示message if(iToTabIndex !=iTabIndex) { showGoBack(); } } // alert public function showGoBack():void { Alert.buttonWidth = 100; Alert.yesLabel = "yes"; Alert.noLabel = "no"; var updateLabel:String = "要切换tab吗?"; this._updateAlert = Alert.show(updateLabel, "", Alert.YES | Alert.NO); this._updateAlert.addEventListener(CloseEvent.CLOSE,closeShowGoBack); } private function closeShowGoBack(e:CloseEvent):void { switch (e.detail) { case Alert.YES: iTabIndex = iToTabIndex; tab.selectedIndex = iTabIndex; break; case Alert.NO: PopUpManager.removePopUp(this._updateAlert); break; } } public function change(e:Event):void { Alert.show("CHANGE " + tab.selectedIndex.toString()); } //注释;creationPolicy="all",把tab的所有child全部初始化 ]]> </fx:Script> <mx:TabNavigator creationPolicy="all" id="tab" x="21" y="28" change="change(event)" width="200" height="200" > <mx:Canvas id="a" label="aa" width="100%" height="100%"> <mx:TextInput x="10" y="10" width="178"/> </mx:Canvas> <mx:Canvas id="b" label="bb" width="100%" height="100%"> <mx:Button id="abtn" x="10" y="50" label="Button"/> </mx:Canvas> </mx:TabNavigator> </s:Application>
相关文章推荐
- Flex的TabNavigator中tab触发的事件
- Flex的TabNavigator中tab触发的事件
- Flex的TabNavigator中tab触发的事件
- Flex的TabNavigator中tab触发的事件
- flex TabNavigator 切换之前给出提示(转)
- flex TabNavigator 切换之前给出提示
- flex TabNavigator 切换之前给出提示
- flex TabNavigator 切换之前给出提示
- 【Flex】——DataGrid的鼠标焦点移动事件。鼠标在DataGrid的列中移动时所触发的event。
- select下拉框点击其中一个内容,触发切换事件
- 如何在一个控件中使Tab键作为一般的输入键来触发KeyDown,KeyUp事件呢?
- Flex中TabNavigator隐藏和显示选项卡
- TabControl 切换 内嵌web页面直接响应滚动事件
- flex 在对象外部触发鼠标事件
- js多个tab切换简单不需要在body内添加事件
- Flex 4.5下 mx:TabNavigator 与s:TextInput一起使用的Bug
- TabNavigator鼠标移动切换界面
- Flex:Module里包含TabNavigator时,卸载再加载时出现错误
- Flex中TabNavigator隐藏和显示选项卡
- Flex之旅:第二部分:容器与布局(2)---动态添加组件(TabNavigator)