flex页面中嵌入html页面

使用flex-iframe插件

在gitHub上的地址如下

https://github.com/flex-users/flex-iframe


可以这样引入这个插件

<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"
			   xmlns:ic="http://www.supermap.com/iclient/2010"
			   xmlns:is="http://www.supermap.com/iserverjava/2010"
			   xmlns:flexiframe="com.google.code.flexiframe.*"
			   width="100%" height="100%" creationComplete="initApp()">

如上面引入了xmlns:flexiframe="com.google.code.flexiframe.*这样一行

在flex页面中

这样使用

<flexiframe:IFrame id="iFrame" width="392" height="100%" label="wgdy" 
source="{wgdyHtmlUrl}">  
</flexiframe:IFrame>
source属性设置要嵌入的html页面,我们可以在flex页面的initApp方法中动态初始化


然后在flex页面中我们可以这样调用

iFrame.callIFrameFunction("glxzq",[xzqbm]);
glxzq是html页面中的方法

function glxzq(xzqbm) {
document.getElementById("wgdy:xzqbm").value=xzqbm;
}

[xzqbm]中[]是规定的,xzqbm是参数

具体可以看官网的使用说明



你可能感兴趣的:(flex页面中嵌入html页面)