最近在项目中发现用js来增强HTML 元素的显示效果,当数据很大的时候会Block导致浏览器。 尝试用TimedArray来解决发现,浏览器渲染元素的延时 非常大,很难应用。
突然想到可以用Flex的DataGrid来显示数据,因为在HTML中Flash对象仅最为一个对象不会导致原有HTML 中JS 代码的处理死掉。于是在网上搜索Flex/js的互调代码。首先在HTML 中加入Object元素来load swf 文件,如下:
<Object width="100%" height="100%" id="proj_list_flex_ie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">
<param name="movie" value="person.swf"/>
<param name="allowscriptaccess" value="always"/>
<embed id="proj_list_flex_ff" width="100%" height="100%" src="person.swf" quality="autohigh" wmode="opaque" type="application/x-shockwave-flash" plugspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</Object>
代码中Object 和embed的ID 设置为不同的值,因为从CSDN一篇博文中看到似乎IE取的是Object,而Firefox认的是Embed元素,因此有如下的代码来获取flash对象:
例如在flex application的creationComplete事件处理函数中注册了一个方法:
那么就可以用
来调用flex中的方法了。
在Flex中可以通过
来调用javascript函数。 这里不需要对javascript函数进行注册等处理。
Reference:
Timed array: [url]http://www.nczonline.net/blog/2009/08/11/timed-array-processing-in-javascript/[/url]
突然想到可以用Flex的DataGrid来显示数据,因为在HTML中Flash对象仅最为一个对象不会导致原有HTML 中JS 代码的处理死掉。于是在网上搜索Flex/js的互调代码。首先在HTML 中加入Object元素来load swf 文件,如下:
<Object width="100%" height="100%" id="proj_list_flex_ie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">
<param name="movie" value="person.swf"/>
<param name="allowscriptaccess" value="always"/>
<embed id="proj_list_flex_ff" width="100%" height="100%" src="person.swf" quality="autohigh" wmode="opaque" type="application/x-shockwave-flash" plugspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</Object>
代码中Object 和embed的ID 设置为不同的值,因为从CSDN一篇博文中看到似乎IE取的是Object,而Firefox认的是Embed元素,因此有如下的代码来获取flash对象:
targetMovie = function(movieName) {
if (navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName + '_ie'];
}
else {
return document[movieName + '_ff'];
}
}
例如在flex application的creationComplete事件处理函数中注册了一个方法:
ExternalInterface.addCallback("buildList”,buildList);
那么就可以用
targetMovie('proj_list_flex').buildList();
来调用flex中的方法了。
在Flex中可以通过
ExternalInterface.call('js function name',param0,..);
来调用javascript函数。 这里不需要对javascript函数进行注册等处理。
Reference:
Timed array: [url]http://www.nczonline.net/blog/2009/08/11/timed-array-processing-in-javascript/[/url]