flex中嵌入html内容

在flex中可以呈现html代码的内容，这样可以将原来编写的业务代码嵌套到代码中，可以进行系统的迅速继承

1、首先需要修改一个编译参数，在flex compiler的Generate HTML wrapper file取消，防止编译生成新的html，把我们html中的代码给覆盖

2、在调用flash的html中添加如下代码

js：

function moveIFrame(x,y,w,h) {
    var frameRef=document.getElementById("myFrame");
    frameRef.style.left=x;
    frameRef.style.top=y;
    var iFrameRef=document.getElementById("myIFrame"); 
 iFrameRef.width=w;
 iFrameRef.height=h;
}

function hideIFrame(){
    document.getElementById("myFrame").style.visibility="hidden";
}
 
function showIFrame(){
    document.getElementById("myFrame").style.visibility="visible";
}

function loadIFrame(url){
 document.getElementById("myFrame").innerHTML = "<iframe id='myIFrame' src='" + url + "'frameborder='0'></iframe>";
}

 

html：

<div id="myFrame" style="position:absolute;background-color:transparent;border:0px;visibility:hidden;"></div>
意思就是在页面中显示一个隐藏得层，待请求的时候进行页面的现实

3、编写代码类，其中用到了一个IFrame，用来存在空间，

 <mx:TabNavigator width="100%" height="100%" styleName="treeHeaderFont">
  <container:FlexFrame label="配置参数" width="100%" height="100%">
  </container:FlexFrame>
  <container:FlexFrame source="logAdmin!info.ilf" label="日志参数" width="100%" height="100%">
  </container:FlexFrame>
 </mx:TabNavigator>

这样就可以完成flex中提交url请求，显示返回的内容了。

评论

1 楼 seya 2008-09-10