外界与Flex Application的交互处理（之嵌入html）

Flex采用IFrame嵌入html，可参考:点击，这是Brian Deitte写的一个IFrame Control对象，非常好用。但在实际应用中，还会有一些问题，需要在外围解决。

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

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

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

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的内容。所以在实际应用中，需要对一些操作做回收，这个需要自己扩展。

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