页面中嵌入FLEX应用-传参
- 博客分类:
- 技术杂绘
页面中嵌入FLEX应用-传参
2010年06月29日
项目需要在页面的某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进行: --> Alternative Content --> 那么其中的url的值如何动态赋值呢?我们希望动态的获取参数,并且将这些参数传递给swf,并且将swf展示在某div中。那么便可使swfobject来协助实现:
swfobject的使用方法非常简单:
1、下载 http://code.google.com/p/swfobject/
2、页面中引用:
3、页面中编写事件响应js代码: function outputFlash(){ var so = new SWFObject("demo.swf", "demo", "100%", "70%", "7", "#ffffff"); var param1 = "testtest"; so.addVariable("param1", param1); so.write("some_div"); } 这段代码,主要是实例化一个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获取页面传参,可通过如下方式获得: var param1:String = Application.application.parameters.param1; 获取参数并向后台服务发请求的示例代码: ... 示例代码中略去了处理xml的逻辑代码。大可以选择丰富的Chart控件,进行数据展示。
发表评论
-
jQuery 获取屏幕高度
2013-12-26 01:32 542做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 ... -
jQuery-事件绑定与事件委托
2013-12-26 01:31 773jQuery中给DOM元素添加事件处理程序常用的方式: $(& ... -
深入分析Flex[Bindable]及使用方法
2012-01-20 01:21 424深入分析Flex[Bindable]及使用方法 2010年0 ... -
用Parsley实现Flex Ioc的简单例子
2012-01-20 01:21 661用Parsley实现Flex Ioc的简单例子 2010年0 ... -
Flex嵌入jsp开发心得
2012-01-20 01:21 504Flex嵌入jsp开发心得 2010年07月02日 PM ... -
flex与数据库交互
2012-01-20 01:21 359flex与数据库交互 2010年07月04日 Flex最 ... -
大全【极有收藏价值的】
2012-01-19 09:11 430大全【极有收藏价值的 ... -
提高小学作文实效性的思考
2012-01-19 09:11 351提高小学作文实效性的思考 2010年11月17日 摘要: ... -
小学生评语大全
2012-01-19 09:11 519小学生评语大全 2011年07月14日 你是一位可爱的小 ... -
小学生期末评语经典大全
2012-01-19 09:11 607小学生期末评语经典大全 2011年12月15日 1.你是 ... -
超级爆笑小学生作文大全,这孩子太搞了
2012-01-19 09:11 583超级爆笑小学生作文大全,这孩子太搞了 2011年11月03日 ... -
操作系统总结(除课后计算题外)
2012-01-17 01:40 723操作系统总结(除课后计算题外) 2012年01月12日 ... -
Linux基础学习 收藏
2012-01-17 01:40 630Linux基础学习 收藏 2011年06月24日 Lin ... -
2011-9-13
2012-01-17 01:40 4972011-9-13 2011年09月13日 JavaSE ... -
linux共享内存
2012-01-17 01:40 638linux共享内存 2010年07月 ... -
JAVA经典32问
2012-01-17 01:40 502JAVA经典32问 2011年12月28 ... -
系统调用、POSIX、C库、系统命令和内核函数
2012-01-15 20:55 667系统调用、POSIX、C库、 ... -
AS3容器的实现原理
2012-01-15 20:55 911AS3容器的实现原理 2010年07月09日 所谓 ... -
【顶】FLASH教程――目录
2012-01-15 20:55 712【顶】FLASH教程――目录 2009年09月15日 追 ... -
【顶】flash教程――目录
2012-01-15 20:55 709【顶】flash教程――目录 2009年09月15日 F ...
相关推荐
TongWeb-k8s部署运行TongWeb嵌入版应用--示例文件
Flex页面嵌入jsp文件 flex-iframe1.5.1.zip解压找到flex-iframe-1.5.1\flex-iframe-1.5.1\bin\flex-iframe-1.5.1.swc放入flex项目的libs里面如果不是web项目就放倒lib里面,然后在你的mxml的头部里输入xmlns:名字(你...
在Flex应用中嵌入HTML代码或者网页,可以使用Iframe实现
Flex应用程序中嵌入各种类型的资源方法总结 中文说明文档和代码, 简单明了好资料
NULL 博文链接:https://yangyangmyself.iteye.com/blog/2116383
利用google-iframe在flex中嵌入网页是在swf上覆盖一个div,flex与网页无法融合,这样会出现各种显示,控制问题,如页面自适应,页面显示控制,内容遮盖,网页内容不随flex滚动条滚动等,现在这些问题都解决了
C# WPF 中嵌入其它应用程序窗口,调用Win32API 将其它应用程序窗口嵌入当前程序内部
使用Flex2的本地化特性我们可以很容易创建多语言本地化的Flex应用,为我们的Flex应用打入国际市场添威助力,不过不像Java的 本地化资源动态获取的方式,目前Flex2的本地化特性只支持静态的本地化资源嵌入,还不支持...
牙刷传动杆轴承嵌入治具--机械制造与自动化毕业设计论文.doc
找了很久,太累了,大家体谅一下,给点资源分
课件:文化在HR中的嵌入七式 -文化,对业务有啥用?gl.pptx
关于在Java中嵌入flex项目的配置及研究
components-flex-embed, 内嵌比嵌入的组件 CSS 适合 CSS components-flex-embed 用于响应特性的CSS嵌入。 Includes 3: 1,2:,16: 9 和 4: 3 长宽比包含修饰符类。阅读更多关于css原则设计的css原则的文章。安装npm:
昆仑通态(MCGS)嵌入版LG-MasterK系列Cnetrar,昆仑通态(MCGS)嵌入版LG-MasterK系列Cnet模块驱动
将FLEX嵌入到JSP,其实是通过JSP的TAGLIB实现的. 由于自己找包花了很长时间,特放上大家共享。
flex 嵌入到jsp页面
无标度网络的嵌入-删除-补偿模型的建立及分析[汇编].pdf
flex嵌入网页的方法 解压,找到IFrameDemo\src\IFrame.as 复制到你自己的src里
flex嵌入jsp所需要的所有jar包,拷贝到项目对应的目录即可完成flex与jsp的整合
Jsp嵌入Flex 、Jsp Flash报表实现源码 精华 jsp与flex报表结合