最近在一个项目中,要在一个flex 窗体titleWindow中嵌入一个html页面,因为flex要加载一个weboffice控件,而只能在html页面中加载,所以就出现了在flex中通过嵌入一个html页面的现象。
方式:在titleWindow中嵌入一个iframe ,然后source指向加载控件的html页面,遇到的问题:
1. 如何调用html中的方法,如何在html加载完成后,flex传值给html页面。
2. 如何调用当html页面关闭时将传值给flex页面一个返回值。
分析:在网上可以找到很多的对于flex和js交互的示例,而且事实中,解决问题2是很容易解决的,但是对于1采用网上的方式就无法解决,这是因为,只有在html中嵌入flex的页面中js方法才可以直接调用flex 中的方法。
解决方案:
1. 对于问题一,在js中调用flex方法,首先要活动flex的引用,即一个source ID,显然在现在的情况是无法调用到的,所以才用flex与js桥接的方式,在html初始化时,对js添加了一个事件监听,然后在flex中抛出一个事件,通过这个时间来调用js中的方法
function load()
{
this.parent.FABridge.addInitializationCallback("flash", function()
{
flexApp = parent.FABridge.flash.root();
flexApp.addEventListener("WordEditorEvent", function(event)
{
LoadFile(event.getParametersStr());
});
});
}
WordEditorEvent 为自定义的一个事件,然后通过在flex中定义一个事件,然后传参数过来,调用js的方法LoadFile();
2. 对于问题2 ,直接在flex页面初始化时,添加一个回调方式,如下:
ExternalInterface.addCallback("closeWnd",closeWnd);
前一个closeWnd为在js调用flex的方法名,而后一个是在flex中定义的方法名,
分享到:
相关推荐
在Flex应用中嵌入HTML是一种常见的需求,这可以让我们在富客户端环境中利用HTML的灵活性和丰富性。Flex是由Adobe开发的一种开源框架,主要用于构建RIA(Rich Internet Applications)即富因特网应用程序。它允许...
在HTML页面中嵌入Flex组件,可以利用Flex的强大功能来丰富网页的用户体验。本文将详细介绍如何在HTML中嵌入Flex容器,并以IFrameDemo为例进行说明。 首先,我们需要理解Flex和HTML的集成方式。通常,我们可以使用`...
在Flex开发中,有时我们需要将HTML内容嵌入到Flex应用中,以便实现更丰富的交互功能。然而,在这种情况下,可能会遇到一些技术挑战,比如Flex组件被HTML内容遮挡或者IFrame本身被隐藏。本文将详细讲解如何利用IFrame...
在“FLEX嵌入HTML(精简版)”的例子中,我们将学习如何利用FLEX的强大功能与HTML的灵活性相结合,以提升用户体验。HTML由于其易读性和丰富的标记能力,常用于构建网页结构和内容,而FLEX则擅长提供动态交互和视觉效果...
总结来说,"flex嵌入html(升级版)"的实践示例IFrameDemo展示了如何利用Flex的IFrame组件将HTML内容整合到Flex应用中,实现富媒体和交互性的结合。这种技术在需要混合展现静态内容和动态数据,或是利用现有HTML资源时...
标题“flex加载html页面”指的是在Flex项目中嵌入并显示HTML内容的技术。这通常通过使用Flex中的`mx.controls.WebBrowser`组件或`flash.display.Loader`类来实现。以下是对这两个方法的详细说明: 1. **`mx....
2. 处理跨域问题:由于安全限制,如果HTML页面不在同一域下,需要设置跨域策略文件以允许Flex加载内容。这通常意味着在服务器上放置一个crossdomain.xml文件,声明允许哪些源进行访问。 3. 监听加载事件:使用...
HTML 嵌入 Flex SWF 是一种在网页中集成 Adobe Flex 生成的 Flash 动态内容的技术。Flex 是一个用于构建富互联网应用程序(RIA)的框架,它基于 ActionScript 和 MXML,允许开发者创建交互性强、用户体验良好的动态...
在将Flex嵌入到JSP页面时,可能会遇到一个常见的问题:Flex组件被其他元素遮挡。这通常是由于CSS样式冲突或者布局管理不当导致的。解决这个问题通常需要深入理解Flex和JSP的渲染机制以及浏览器的DOM结构。 首先,...
JSP是一种用于创建动态网页的Java技术,它允许在HTML中嵌入Java代码或标签库(Tag Libraries)。而Flex是基于ActionScript和MXML的前端开发工具,主要用于创建富客户端应用,它通过Flash Player或Adobe AIR运行在...
在某些项目中,可能需要将Flex组件与HTML页面中的IFrame元素结合使用,以便实现更复杂的网页布局和功能集成。本文主要讨论的是如何在Flex应用中正确地嵌入和处理IFrame的相关问题。 1. **在iframe边上点击后,...
"flex把html页面作为类似iframe的样子的组件完全的嵌入到mxml中去"这个主题就是关于如何在Flex应用中使用IFrame组件来展示HTML内容。 Flex是Adobe公司推出的一种基于ActionScript和MXML的开源框架,用于构建富...
在Flex中嵌入完整的网页所用到的类, xmlns:flexiframe="com.google.code.flexiframe.*" <flexiframe:IFrame id="helpFrame" source="assets/dreamweaver/help/helpHome....
1. **创建HTML容器**:在Flex中,你可以使用`HTML`组件来嵌入一个HTML页面。这个组件允许你加载本地或远程的HTML文件,并通过Flex与HTML之间的API进行交互。 2. **配置安全策略**:由于跨域和安全限制,你需要确保...
在Flex中,我们需要动态地设置HTMLText组件的内容,包含指向目标页面的iframe标签,并确保URL是安全的,以防止跨域问题。 4. **处理iframe事件**:虽然Flex的HTMLText不直接支持iframe的事件,但我们可以通过监听...
下载并解压Flex IFrame组件之后,下一步是在Flex工程中引入这个组件。这需要将bin目录中的SWC文件添加到Flex工程的库路径中。完成这些操作后,就可以在Flex应用中使用Flex IFrame组件了。 在Flex工程中使用Flex ...
1. **FLEX嵌入HTML**: FLEX可以通过使用`iframe`来嵌入到HTML页面中。但是,这里的`iframe`并非默认的,而是需要开发者自定义实现。 2. **访问系统资源**: 标准的FLEX应用无法直接访问本地系统资源如C盘或D盘的...
Flex-iframe是一个强大的技术,它允许开发者在Adobe Flex应用程序中嵌入HTML页面,如同使用内联框架(iframe)一样。这种技术极大地扩展了Flex的功能,使得开发者能够将丰富的Web内容和交互性引入Flex应用,而无需...
然而,在某些场景下,需要在Flex应用中嵌入HTML或JavaScript内容。为此,Adobe提供了ExternalInterface接口用于实现Flex与JavaScript之间的通信,但并未直接提供组件来直接展示HTML或JavaScript页面。为了解决这一...
1. **JSP**:JSP是基于Java平台的服务器端脚本语言,允许开发者在HTML页面中嵌入Java代码,以动态生成内容。JSP的优势在于它能够利用Java的强大功能,如面向对象编程,同时提供了模板语法来分离业务逻辑和视图层,...