- 浏览: 438409 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (211)
- 思考》感想 (11)
- 数据库操作 譬如Oracle大叔 (7)
- java,咱们有缘吗 (16)
- delphi,你还好吗 (2)
- SSH,哥三儿好 (31)
- 问题!问题?问题!? (9)
- WITH WORK (1)
- 算法与模式 莫事^_^ (10)
- JSP,可以叫你P兄么 (2)
- 啊,咋科斯╮(╯▽╰)╭ (6)
- 巨人肩上的小石子 (2)
- flash她妹flex (38)
- 项目管理 (10)
- 奥特曼,你弟Android来了 (4)
- 麻辣儿gis (0)
- maven 嘛味儿 (3)
- ws 哇塞 webservice (5)
- Oh,no!!!,NoSql (1)
- QQ他哥也是个企鹅,Linux (6)
- 姓i还是姓my 你都叫batis ibatis (3)
- 我喜欢夏天(春天旁边的那个季节)Springside (1)
- 测试! 测就测吧,没有喝(⊙o⊙) (3)
- 是晕+_+ 是浮云 还是云计算 (4)
- ExtJS 你是flex他哥还是他妹 (10)
- svg 你丫的资料真少 (3)
- 叫屁屁还是叫加加 ⊙﹏⊙ c++ (5)
- 鸟,还是只百灵鸟 BIRT (1)
- 权限管理 有权真好 是吧-_-! (1)
- SSH (2)
- 哥三儿好 (2)
- nginx (1)
- Oh (1)
- no!!! (1)
- NoSql (1)
最新评论
-
mong619226543:
谢谢
No identifier specified for entity -
akka_li:
没看懂啥意思!什么原因导致java.net.SocketExc ...
java.net.SocketException: Connection reset 问题解决方法 -
west_jing:
1L正解,<mvc:annotation-driven/ ...
<mvc:default-servlet-handler/> 导致 Controller失效 -
u010954806:
tgfhfdhdf
Spring Security 国际化文件 messages_zh_CN.properties 中文解释 -
yenshen:
我也碰到这个问题了,找了一大圈,最终问题解决了:<con ...
<mvc:default-servlet-handler/> 导致 Controller失效
FLEX 与 JSP 视图的结合开发
虽然用了flex作了视图层,但实际开发中难免有用到jsp视图的时候,这个时候就需要考虑将二者结合开发了。
方式一 :采用flex 到jsp的跳转方式
需要jsp视图的时候,可以采用在flex中加入页面跳转,跳转到jsp页面上去,从而达到两种视图的结合。
路径_webRootURL可用通过flex与js交互获得到。
//获取web根路径
_webRootURL = ExternalInterface.call("getWebRooURL");
方式二:采用flex第三方控件Google Iframe方式
采用Google Iframe(https://github.com/flex-users/flex-iframe),使jsp页面嵌入flex中,优点是视图形式上统一,且更协调。
[img]
[/img]
其中有几点要注意的是:
* iframe 外面的区域 iframe会消失
打开html模板
* flex-iFrame不随flex页面拖动而拖动
监听父容器的移动事件,在事件中添加iFrameID.invalidateDisplayList()
如果是父容器滚动条滚动后,页面不滚动,则监听Scroller组件的Event.CHANGE事件
或者VScrollBar组件的ScrollEvent.SCROLL事件
参考:
http://blog.163.com/han_cheng_jun/blog/static/95566860201011413327185/
http://hi.baidu.com/sipijingguo/item/c69e351cff45a6061994ec16
虽然用了flex作了视图层,但实际开发中难免有用到jsp视图的时候,这个时候就需要考虑将二者结合开发了。
方式一 :采用flex 到jsp的跳转方式
需要jsp视图的时候,可以采用在flex中加入页面跳转,跳转到jsp页面上去,从而达到两种视图的结合。
var faultid:int = event.target.data.id; urlRequest.url = encodeURI(_webRootURL + "/webpages/xx.jsp?faultid=" + faultid); navigateToURL(urlRequest,"_blank");
路径_webRootURL可用通过flex与js交互获得到。
//获取web根路径
_webRootURL = ExternalInterface.call("getWebRooURL");
function getWebRooURL(){ var strFullPath=window.document.location.href; var strPath=window.document.location.pathname; var pos=strFullPath.indexOf(strPath); var prePath=strFullPath.substring(0,pos); var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1); return(prePath+postPath); }
方式二:采用flex第三方控件Google Iframe方式
采用Google Iframe(https://github.com/flex-users/flex-iframe),使jsp页面嵌入flex中,优点是视图形式上统一,且更协调。
<s:TitleWindow width="80%" height="70%" backgroundAlpha="0"> <flexiframe:IFrame id="googleIFrame" label="Google" source="http://ynp.iteye.com" width="100%" height="100%" /> </s:TitleWindow>
[img]
[/img]
其中有几点要注意的是:
* iframe 外面的区域 iframe会消失
打开html模板
<script type="text/javascript"> <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> var swfVersionStr = "10.0.0"; <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. --> var xiSwfUrlStr = "playerProductInstall.swf"; var flashvars = {}; var params = {}; / /在嵌入flex的html页面中加入这个, //object里有个 wmode的属性,你把他设为透明就行了。 params.wmode="transparent"; params.quality = "high"; params.bgcolor = "#ffffff"; params.allowscriptaccess = "sameDomain";
* flex-iFrame不随flex页面拖动而拖动
监听父容器的移动事件,在事件中添加iFrameID.invalidateDisplayList()
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:flexiframe="http://code.google.com/p/flex-iframe/" move="titlewindow1_moveHandler(event)" > <fx:Script> <![CDATA[ protected function titlewindow1_moveHandler(event:MoveEvent):void { iFrameBySource.invalidateDisplayList(); } ]]> </fx:Script> <flexiframe:IFrame id="iFrameBySource" width="100%" height="100%"/> </s:TitleWindow>
如果是父容器滚动条滚动后,页面不滚动,则监听Scroller组件的Event.CHANGE事件
或者VScrollBar组件的ScrollEvent.SCROLL事件
参考:
http://blog.163.com/han_cheng_jun/blog/static/95566860201011413327185/
http://hi.baidu.com/sipijingguo/item/c69e351cff45a6061994ec16
发表评论
-
Flex4多文件上传示例
2014-05-17 22:59 877---》Flex <?xml version=&quo ... -
Extjs 、Flex 组件通过事件解耦示例
2013-10-09 17:18 918Extjs 、Flex 组件通过事件解耦示例 ---》app ... -
heightChart 与extjs整合 动态生成历史曲线 和实时曲线
2012-03-05 17:09 5111heightChart 与extjs整合 动态生成历史曲线 和 ... -
flex 上传excel 导入数据库
2011-06-13 12:01 6809flex 上传excel 导入数据库 前端用flex上传ex ... -
flex 、servlet生成验证码方式
2011-05-05 14:07 1195flex 、servlet生成验证码方式 -----》fle ... -
中文命名的图片加载后 本地能显示 但放到服务器上就出不来了
2011-02-22 16:16 2711中文命名的图片加载后 本地能显示 但放到服务器上就出不来了 ... -
flex 程序减肥几种方法
2011-02-17 14:05 992flex 程序减肥几种方法 1、采用模块化管理 2、采用RS ... -
flex动态换肤的demo例子
2011-02-17 09:30 1326flex动态换肤的demo例子 ----》建立三个css样 ... -
as3的反射
2011-01-28 17:30 1250as3的反射 ------》getDefinitionByN ... -
AIR 应用: 黏贴 剪贴板中的图片
2011-01-24 11:14 1457AIR 应用: 黏贴 剪贴板中的图片 from : http: ... -
flex 权限系统研究
2011-01-12 15:59 1676f权限一般就是涉及增删改查 的操作。 思路,利用flex-s ... -
如何在左上角画图
2010-12-31 10:50 1399如何在左上角画图 我想在屏幕左上角 画一个正方形,按下面的代码 ... -
类似javadoc功能的 flex asdoc
2010-12-21 10:33 1276配置过程 可以参考 http://bhsc-happy.ite ... -
Printing Multiple Pages Using PrintDataGrid(Flex打印系列 转载)
2010-12-20 14:08 1226In the previous tutorial, we kn ... -
Flash Builder 找不到所需的 Adobe Flash Player 调试器版本 问题解决
2010-12-15 13:28 5667Flash Builder 找不到所需的 Adobe Flas ... -
Cairngrom Demo程序撰写心得
2010-12-10 14:42 1094------》执行顺序 初始化事件与处理进行绑定组件( ... -
felx包含到jsp中去
2010-10-08 15:05 1494Jsp包含到flex中用iframe; Flex包含到jsp中 ... -
为什么定义事件用<mx:Metadata> 标签
2010-10-08 11:01 3317定义方法方式: <mx:Metadata> ... -
mate框架应用几点心得
2010-09-29 11:23 1201mate框架应用几点心得 *** new 事件的时候一定要冒 ... -
后台的返回的结果集是object类型的,不是具体对象?
2010-09-14 14:43 1427后台的返回的结果集是object类型的,不是具体对象? 解决方 ...
相关推荐
在本文中,我们将探讨如何将FLEX(Flash Flex)与JSP(JavaServer Pages)结合,以及如何利用HTTPService和XML进行通信。这个过程涉及到多个步骤,包括项目设置、库的集成以及配置文件的调整。 首先,我们需要创建...
这份资料主要关注使用Adobe Flex作为前端开发工具,与JavaServer Pages (JSP) 后端技术结合,构建交互式、富用户体验的Web应用。下面我们将逐一探讨这些章节中的重要知识点。 第1章:入门与环境配置 在这一章中,你...
总的来说,JSP与Flex的结合为开发高质量、交互性强的报表系统提供了一种强大且灵活的解决方案。通过学习和应用这些源码,开发者可以掌握如何在网页中嵌入Flash报表,以及如何利用JSP与Flex的协作来实现动态数据展示...
本文档主要介绍了如何将Adobe Flex与Java JSP结合,并利用HTTPService与Java后端通过XML进行通信。Flex是一种用于构建富互联网应用程序(RIA)的开发框架,而JSP则是Java服务器页面,常用于创建动态网页。在本过程中...
根据给定的信息,本文将详细解释“Flex-Jsp-Mysql简单结合例子”这一主题,包括Flex、JSP以及MySQL在项目中的应用与交互,并重点分析MVC架构在Flex中的实现方式。 ### Flex简介 Flex是一种用于构建跨浏览器、跨...
本篇文章将详细介绍如何利用FLEX结合JSP实现与MySQL数据库的交互功能。此实战经验分享适合FLEX和JSP初学者参考。 #### 二、技术栈概述 - **FLEX Builder 3**: Adobe官方提供的集成开发环境(IDE),专门用于FLEX应用...
Flex和JSP(JavaServer Pages)的整合是Web开发中的一种常见技术,它结合了富互联网应用程序(RIA)的优势和后端服务器的强大处理能力。在本文中,我们将深入探讨如何将Adobe Flex前端与JSP后端相结合,实现数据的...
2. **Flex**:Flex是Adobe开发的开源开发框架,主要用于构建基于Flash Player或Adobe AIR的RIA(Rich Internet Applications)。在这里,Flex负责用户界面的设计和交互,提供丰富的图形和动画效果,使用户登录注册...
在Flex与Java的交互中,JSP可能用于生成静态HTML页面,或者与Servlet配合,共同处理复杂的视图逻辑。 在"FlexJavaDemo"这个压缩包中,可能包含了整个项目的源代码、配置文件和其他必要资源。这些文件可能包括Flex的...
标题中的“Flex整合J2EE开发小记+源码下载”揭示了本文的主题,即如何将Adobe Flex技术与Java EE(J2EE)平台相结合,进行Web应用的开发。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建...
在Flex项目中,我们经常会遇到与Java服务器端技术如JSP(JavaServer Pages)进行整合的需求,以便实现动态数据交互和视图更新。然而,这种集成过程并非总是顺畅的,可能会遇到各种编译错误。本篇将详细探讨“flex...
在Flex和JSP结合的项目中,通常会用JSP处理后端逻辑,如数据库操作,然后通过HTTP服务与Flex前端通信,传递数据。这里的“后期改正”可能涉及到修正参数传递、数据序列化和反序列化、以及错误处理等问题,以确保前端...
这三者结合在一起,可以搭建一个完整的RIA开发和运行平台。 首先,我们需要安装MyEclipse。MyEclipse提供了对Flex的内置支持,包括代码编辑、调试和发布功能。下载安装完成后,打开MyEclipse,选择新建项目时,会...
总之,结合Eclipse的WTP、Flex Builder Plugin和BlazeDS,可以在同一项目中轻松地进行J2EE和Flex开发。这种集成开发环境使得前端和后端开发人员能够在统一的平台上工作,减少了沟通成本,提高了开发效率,使得复杂的...
在Flex和Java结合的项目中,发布过程需要确保前端Flex代码与后端Java服务协同工作。通过Eclipse IDE,我们可以便捷地管理这个过程。本文作者提供了一个直接将编译好的Flex工程文件复制到Tomcat webapps目录下的简单...
Flex与Spring的集成是开发富互联网应用程序(RIA)时常用的一种技术组合,它将Adobe Flex的用户界面优势与Spring框架的强大后端服务管理相结合。这个集成工程源码提供了全面的示例,帮助开发者理解如何在实际项目中...