js 调用flex 方法

用js 怎么操作flex ,进行交互呢

工具/原料

flahbuilder

不带参数互动

1、注意：首先在flex中必须注册，将as方法注册为js可调用的方法。例如：ExternalInterface.addCallback("myFlexFunction",myFunc); myFlexFunction是js中调用时用的名称，第二个是as中定义的方法。b.在ie浏览器中调用方法为：document.getElementById("index").myFlexFunction(1);index为flash的id。

2、Flex端：creationComplete="initApp()"//启动方法.mxml 页面里的方法<mx:Script> import flash.external.*; public function myFunc():Number { return 42; } public function initApp():void { ExternalInterface.addCallback("myFlexFunction",myFunc); }</mx:Script>

带参数互动

1、Flex端：<mx:script> import flash.external.*; public function myFunc(nd:String,xmbh:String,qybh:String,nrbh:String):String { 　　Alert.show(nd);　　　　　　　　　　 Alert.show(xmbh);　　　　　　　　 　　Alert.show(qybh); } public function initApp():void { ExternalInterface.addCallback("myFlexFunction",myFunc); }</mx:script>

2、js 端==》html-template==》index-template.html<button id = "testSwf" name ="ceshiSwf" onclick = "callApp()" /><script>function callApp() { var nd = "1"; var xmbh = "2" var qybh ="3" var nrbh = "4"; var x = document.getElementById("index").myFlexFunction(nd,xmbh,qybh,nrbh); } </script>

外部A页面内嵌index.html页面

1、<iframe id="mapIframe" name="mapIframe" width="700" height="600" src="index.html"></iframe><button id = "testSwf" name ="ceshiSwf" onclick = "OnGetRowValues()" /><script>function OnGetRowValues() { //给index.html 页面的hidden 标签赋值 $("#mapIframe").contents().find("#nd").val("1"); $("#mapIframe").contents().find("#xm").val("2"); $("#mapIframe").contents().find("#qy").val("3"); $("#mapIframe").contents().find("#nr").val("4"); mapIframe.window.callApp();//调用子页面的方法</script>

2、JS端<script> function callApp() { var nd = $("#nd").val(); var xmbh = $("#xm").val(); var qybh =$("#qy").val(); var nrbh = $("#nr").val(); var x = document.getElementById("index").myFlexFunction(nd,xmbh,qybh,nrbh); }</script><input type="hidden" id="nd" value="1"/><input type="hidden" id="xm" value="2"/><input type="hidden" id="qy" value="3"/><input type="hidden" id="nr" value="4"/>