Flex Javascript交互实现代码

Flex Javascript交互实现代码
2010年09月27日
　　Flex2010-09-27 17:32:08阅读3评论0  字号：大中小 订阅 键字：ExternalInterface 
　　所用类库：SWFObject 
　　/** 
　　* Flex调用Javascript函数 
　　* @params functionName:String Javascript函数名称 
　　* @params ...params Javascript函数参数 
　　* @return 返回Javascript函数的return内容 
　　**/ 
　　ExternalInterface.call(functionName:String, ...params); 
　　main.mxml 
　　 
　　 
　　 
　　 
　　 
　　 
　　 
　　/** 
　　* 被Flex调用的 myfunc函数 
　　* @params item 对象 
　　* @return results 返回一个对象给Flex 
　　**/ 
　　function myfunc(item) { 
　　alert(item.name+"--"+item.address); 
　　//创建对象 
　　var results = {}; 
　　results .name= "dante"; 
　　results .age = 23; 
　　results .sex = "man"; 
　　return obj; 
　　} 
　　/** 
　　* Javascript调用Flex函数 
　　* @params functionName:String Javascript调用Flex函数名 
　　* @params closure:Function Flex将要调用的函数 
　　* @return void 
　　**/ 
　　ExternalInterface.addCallback(functionName:String, closure:Function); 
　　main.mxml 
　　 
　　 
　　 
　　FLEX交互 
　　//params.flashvars = "xmlPath=hello&name=dante"; 
　　var item:Object = Application.application.parameters; 
　　trace("xmlPath:"+item.xmlPath ,"name:" + item.name); 
　　} 
　　/** 
　　* saveData 
　　* @params item:Object java script 传过来的参数 
　　* @return void 
　　**/ 
　　private function saveData(item:Object):void { 
　　trace("javascript调用Flex函数成功!"); 
　　nameTxt.text = item.name; 
　　} 
　　]]--> 
　　 
　　 
　　
　　index.html 
　　HTML内嵌swf文件，我用的SWFObject，个人认为是一个很好的类库，简化了包含代码。 
　　注意 ：javascript调用Flex的函数，必须要获得swf的ID，可以通过document.getElementById(),也可以使用swfobject.getObjectById()。 
　　 
　　 
　　 
　　 
　　 
　　SWFObject 
　　flex的方法 
　　attributes.id = "swf01"; 
　　//内嵌swf文件，这个embedSWF方法，我在最后的补充会说下 
　　swfobject.embedSWF("swf/main.swf","myPanel","300", "200","9.0.0","swf/expressInstall.swf",flashvars,pa rams,attributes); 
　　/** 
　　* 调用Flex函数 
　　* @return void 
　　**/ 
　　function callFlex(item) { 
　　//通过ID获得swf，也可以使用document.getElementById(); 
　　//var swf = document.getElementById("swf01"); 
　　var swf = swfobject.getObjectById("swf01"); 
　　var item = {}; 
　　item.name = document.getElementById("nameTxt").value; 
　　//调用Flex函数，传参item:Object 
　　swf.saveD(item); 
　　} 
　　// --> 
　　 
　　 
　　 
　　Flex content 
　　 
　　 
　　Name 
　　 
　　 
　　 
　　 
　　Call Flex 
　　 
　　 
　　 
　　 
　　 
　　
　　OK,两种交互的方式已经告诉大家了，快试试吧。 
　　SWFObject使用补充： 
　　swfobject.embedSWF() 
　　swfobject.getObjectById("swfID") 
　　swfobject.removeSWF("swfID") 
　　一.swfobject.embedSWF： 
　　内 嵌swf文件，这个函数的参数比较多swfobject.embedSWF(swfUrl, id, width, height, version,expressInstallSwfurl, flashvars,params, attributes)，各个参数具体功能如下： 
　　swfUrl（String，必须的）指定SWF的URL。 
　　id（String，必须的）指定将会被Flash内容替换的HTML元素（包含你的替换内容）的id。 
　　width（String，必须的）指定SWF的宽。 
　　height（String，必须的）指定SWF的高。 
　　version（String，必须的）指定你发布的SWF对应的Flash Player版本（格式为：major.minor.release）。 
　　expressInstallSwfurl（String，可选的）指定express install SWF的URL并激活Adobe express install。 
　　flashvars（String，可选的）用name:value对指定你的flashvars。 
　　params（String，可选的）用name:value对指定你的嵌套object元素的params。 
　　attributes（String，可选的）用name:value对指定object的属性。 
　　注意 ：在不破坏参数顺序的情况下，你可以忽略可选参数。如果你不想使用一个可选参数，但是会使用后面的一个可选参数，你可以简单的传入false作为参数的 值。对flashvars、params和 attributes这些JavaScript对象来说，你也可以相应的传入一个空对象{}。 
　　二.swfobject.getObjectById("swfId") 
　　通过swfid获得swf对象，通过该对象可调用flex函数。 
　　三.swfobject.removeSWF("swfId") 
　　通过swfId删除swf。 
　　注意 ：删除swf这里需要提醒下，因为embedSWF是替换标签，而不是填充。比如上面的例子Flex content，如果执行了swfobject.removeSWF后，想重新添加SWF必须要重新创建或者更改embedSWF的第二个参数更改替换新的标签ID。因为在这里SWF替换了调了