外界与Flex Application的交互处理(之嵌入html)

本文探讨了在Flex应用中使用IFrame时遇到的常见问题及其解决方案,包括IFrame随窗口调整大小和位置的同步问题、Tab切换导致的页面悬浮问题等,并提供了具体的代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Flex采用IFrame嵌入html,可参考http://www.deitte.com/archives/2006/08/finally_updated.htm,这是Brian Deitte写的一个IFrame Control对象,非常好用。但在实际应用中,还会有一些问题,需要在外围解决。

(1)使用IFrame可能碰到的问题:不能随着窗口的位移或调整自动调整。

我是在Popup的TitleWindow中,采用TabNavigator动态载入一些Tab,这些Tab页可能是Flex Container,也可能是IFrame Control(也就是嵌入的iframe中html页面)。因为是扩展出的TitleWindow,允许调整大小和位移,但在调整大小和位移过程中,会造成 IFrame 中的html页面不跟随移动。

这个问题就必须额外监控mouse事件,刷新IFrame的invalidateDisplayList。

<mx:TabNavigator id="nav" dropShadowEnabled="true" width="98%" height="100%" horizontalGap="0" change="checkIFrameTabPaneVisible(event)"/>

override protected function oMouseUp(event:MouseEvent):void{ super.oMouseUp( event ); //cacheIFrameTabPanels是索引的当前TabNavigator中所有IFrame对象 for each(var panel:IFrame in cacheIFrameTabPanels){ Container(panel).invalidateDisplayList(); } }

(2)使用IFrame可能碰到的问题:Tab切换多次后,造成html页面悬浮,不切换。

这时候,必须额外监控tabnavigator的change事件,将IFrame设置visible为false,(实际上就隐藏iframe中的html页面)。

protected function checkIFrameTabPaneVisible(event:IndexChangedEvent):void{ var panel:DisplayObject = nav.getChildAt( nav.selectedIndex ); for each(var panel1:IFrame in cacheIFrameTabPanels){ Container(panel1).visible = false; } if(panel is IFrame){ Container(panel).visible = true; } }

(3)使用IFrame可能碰到的问题:Popup的TitleWindow关闭后,html页面仍悬浮。

这个就简单多了,监听TitleWindow的close事件,将相应的IFrame visible设置为false即可。

(4)IFrame并没有对嵌入的iframe和html做回收,这个需要自己扩展。

IFrame中只是采用了visible来隐藏和显示iframe的内容。所以在实际应用中,需要对一些操作做回收,这个需要自己扩展。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值