加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex 通过FABridge与JS交互

发布时间:2020-12-15 04:07:58 所属栏目:百科 来源:网络整理
导读:关键字:ExternalInterface 所用类库:SWFObject /** * Flex调用Javascript函数 * @params functionName:String Javascript函数名称 * @params ...params Javascript函数参数 * @return 返回Javascript函数的return内容 **/ ExternalInterface.call(function

关键字:ExternalInterface
所用类库:SWFObject
/**
* Flex调用Javascript函数
* @params functionName:String Javascript函数名称
* @params ...params Javascript函数参数
* @return 返回Javascript函数的return内容
**/
ExternalInterface.call(functionName:String,...params);
----------------------------------------------------------------------
/**
* Javascript调用Flex函数
* @params functionName:String Javascript调用Flex函数名
* @params closure:Function Flex将要调用的函数
* @return void
**/
ExternalInterface.addCallback(functionName:String,closure:Function);
-----------------------------------------------------------------------
HTML内嵌swf文件,可用swfobject.embedSWF()来内嵌。javascript调用Flex的函数,必须要获得swf的ID,
可通过document.getElementById(),也可以使用swfobject.getObjectById();
--------------------------------------------
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是替换标签,而不是填充。比如上面的例子<div id="myPanel">Flex content</div>,如果执行了swfobject.removeSWF后,想重新添加SWF必须要重新创建<div id="myPanel">或者更改embedSWF的第二个参数更改替换新的标签ID。因为在这里SWF替换了调了<div>
-----------------------------------------------------------------------

Flex-AJAX Bridge:重要点(当然FLEX项目中要右击--->create Ajax Bridge...会自动引入FABridge)

网页引入:

(1)<script type="text/javascript" src="fabridge/javascript/FABridge.js"></script>

<script type="text/javascript" src="fabridge/swfobject/swfobject.js"></script>

(2)写脚本插入生成的swf:

<script type="text/javascript">

  var flashvars={};

  flashvars.bridgeName="example";

  var params={};//如:params.allowFullScreen="true";params.allowScriptAccess="always";等等在这里写,

  var attributes={};

  attributes.id="flexApp";

  attributes.name="flexApp";

  swfobject.embedSWF("app.swf","flashcontent","400","9.0.124","",attributes);

</script>

(3)通过FABridge使Flex与脚本交互:

var flexApp=FABridge.example.root();//得到了Flex应用程序,通过它可以操作Flex中的控件。

---------FLEX以下为列----------

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" height="400" viewSourceURL="srcview/index.html">

<mx:Script>
? <![CDATA[?? import mx.controls.Alert;
?? import mx.controls.*;
?? public function testFunc(val1:String = "defaultParam" ):void
??????????? {
??? Alert.show(val1,"called remotely");
?? }

? ]]>
</mx:Script>

<mx:Panel width="100%" height="100%" id="panel" paddingLeft="20" paddingTop="20" >
? <mx:Text width="100%" height="16">
?? <mx:text>
??? Refer to the controls below,via javascript,as slider(),check(),and button() respectively
?? </mx:text>
? </mx:Text>
? <mx:CheckBox x="49" y="34" label="Checkbox" id="check"/>
? <mx:HSlider snapInterval=".01" id="slider" liveDragging="true"/>
? <mx:Button id="button" label="generic button" />
</mx:Panel>

<fab:FABridge xmlns:fab="bridge.*" />

</mx:Application>

------------end---------------

1.var currentCheckValue=flexApp.getCheck().getSelected();//获得FLex中的id为check的控件的selected属性:(看这式子的写法)

2.var callback=function(){alert("Hello world!");}

flexApp.getButton().addEventListener("click",callback);//这个例子是给ID为button的控件的click加入一个事件处理函数

3.var buttonSam=FABridge.example.create("mx.controls.Button");//在flex应用程序中创建一个按钮

4.flexApp.testFunc("Hello,World!");//调用flex应用程序中的函数,传入参数。

------------------大体上就是这样,在获取得到FLEX中的控件后,可像在flex中一样处理它---------------

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读