页面中嵌入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控件,进行数据展示。
发表评论
-
shell实例(七) --参数/字符串替换
2012-07-06 09:52 10341.说明 ${parameter-default} --- ... -
GCC后端及汇编发布(20)
2012-07-06 09:46 738DEFINE_INSN_RESERVATION模式的概览一 ... -
asp.net下集成(Active Messenger)AM消息发送组件
2012-07-03 13:44 1280Active Messenger是杭州恒创软件公司开发的一 ... -
Flex富文本编辑器(嵌入Fck)
2012-07-02 13:04 1022... -
(Flex)让Panel可拖动
2012-07-02 13:04 562height="300" mouseD ... -
flex 中Tree的数据由数组提供
2012-07-02 13:04 420flex/spark" xmln ... -
flex 事件触发篇
2012-07-02 13:04 573事件触发篇 完整代码 ... -
FLEX 条形图(柱状图)设置刻度为百分比
2012-07-02 13:04 1105作者原创,如需转载请注明出处:www.krzone.org ... -
[转]Flex中[Bindable]的用法
2012-07-01 10:37 624什么是元数据(metadata):[Bindable]大 ... -
Flex 动态datagrid的应用
2012-07-01 10:37 635Flex有2种常用的datagrid: ... -
FLEX与javascript交互
2012-07-01 10:37 587用Flex来调用同一页面中的javascript函数。调用 ... -
Flex + BlazeDS 学习笔记 (一) --- BlazeDS的功能原理及配置实例
2012-07-01 10:37 743BlazeDS Test Drive里面 ... -
用Parsley实现Flex Ioc的简单例子
2012-06-30 17:01 567用Parsley实现Flex Ioc的简单例子 2010年0 ... -
Flex嵌入jsp开发心得
2012-06-30 17:01 734Flex嵌入jsp开发心得 2010年07月02日 PM ... -
flex与数据库交互
2012-06-30 17:01 538flex与数据库交互 2010年07月04日 Flex最 ...
相关推荐
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报表结合