页面中嵌入FLEX应用-传参
来源:互联网 发布:安保网络电视 编辑:程序博客网 时间:2024/05/16 13:56
项目需要在页面的某div中动态展现图表数据,最终选用FLEX进行数据展现。
为了实现这一目标,着手之初考虑了下大致需要如下步骤:
1、页面触发事件将数据查询条件参数动态传递给flex应用(swf);
Page(with param) -> Flex
2、flex应用获取到查询条件,向后台服务(如:Servlet)发请求,获取数据源(如:xml);
Flex(with param) -> Servlet
Servlet(xml) -> Flex
3、flex展现数据。
Flex Display xml data.
为了实现参数传递,费了些周折。最后集中在两个技术点上:
其一,页面向Flex传参,静态方式可使用flashvars进行:
那么其中的url的值如何动态赋值呢?我们希望动态的获取参数,并且将这些参数传递给swf,并且将swf展示在某div中。那么便可使swfobject来协助实现:
swfobject的使用方法非常简单:
1、下载 http://code.google.com/p/swfobject/
2、页面中引用:<script type="text/javascript" src="/script/swfobject.js"></script>
3、页面中编写事件响应js代码:
这段代码,主要是实例化一个swfobject对象,将swf的名称及需要传递的参数告诉该对象,最后将结果swf输出至页面中的某div中即可。
其中的参数用法可详见另外一篇博文:http://www.awflasher.com/flash/articles/swfobj.htm
4、页面中自然需要定义id为some_div的div,如:
5、页面中做一个事件触发,比如按钮之类触发outputFlash() js函数即可。
那么当用户触发该函数后,将会在some_div中看到swf已经内嵌进页面当中。当然,这里只是提前透露了结果,后半部分:flex获取参数并向后台发送请求的实现,请接着往下看:
其二,Flex获取页面传参,可通过如下方式获得:
获取参数并向后台服务发请求的示例代码:
示例代码中略去了处理xml的逻辑代码。大可以选择丰富的Chart控件,进行数据展示。
- 页面中嵌入FLEX应用-传参
- 将HTML页面嵌入FLEX应用中
- 将HTML页面嵌入FLEX应用中
- Flex中嵌入HTML页面
- 在Flex中嵌入完整HTML页面
- 在Flex中嵌入完整HTML页面
- 在Flex中嵌入完整HTML页面
- 在Flex中嵌入完整HTML页面
- 在Flex中嵌入html页面
- 在Flex应用中嵌入HTML代码
- Flex组件IFrame中嵌入HTML页面的方法
- Java与Flex学习笔记(20)---将flex页面嵌入到jsp页面中
- Java与Flex学习笔记(20)---将flex页面嵌入到jsp页面中
- Flex中嵌入网页
- FLEX嵌入JSP中
- Flex中嵌入HTML
- Flex中嵌入网页
- flex中嵌入网页
- 日记:2010-06-26 Saturday
- 浏览器安全建议
- jQuery入门学习笔记--初学
- 前台js脚本
- div下英文强制换行
- 页面中嵌入FLEX应用-传参
- ASP.NET 2.0 URL Rewrite 学习总结
- 关于JS、DOM、切片和浏览器
- 日记:2010-06-27 Sunday
- ORA-00907: missing right parenthesis
- Linux中不能输入中文
- ICallbackEventHandler:回调函数的实现(备忘)
- Android Repo 超时的解决方法
- maximo登陆界面小解析