`
ynp
  • 浏览: 437273 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

FLEX 与 JSP 视图的结合开发

阅读更多
FLEX 与 JSP 视图的结合开发

虽然用了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
  • 大小: 31.7 KB
分享到:
评论

相关推荐

    FLEX与JSP结合并测试HTTPService与java用XML通信

    在本文中,我们将探讨如何将FLEX(Flash Flex)与JSP(JavaServer Pages)结合,以及如何利用HTTPService和XML进行通信。这个过程涉及到多个步骤,包括项目设置、库的集成以及配置文件的调整。 首先,我们需要创建...

    flex+jsp web 应用开发源代码前十一章

    这份资料主要关注使用Adobe Flex作为前端开发工具,与JavaServer Pages (JSP) 后端技术结合,构建交互式、富用户体验的Web应用。下面我们将逐一探讨这些章节中的重要知识点。 第1章:入门与环境配置 在这一章中,你...

    Jsp嵌入Flex 、Jsp Flash报表实现源码

    总的来说,JSP与Flex的结合为开发高质量、交互性强的报表系统提供了一种强大且灵活的解决方案。通过学习和应用这些源码,开发者可以掌握如何在网页中嵌入Flash报表,以及如何利用JSP与Flex的协作来实现动态数据展示...

    FLEX与JSP结合并测试HTTPService与java用XML通信.doc

    本文档主要介绍了如何将Adobe Flex与Java JSP结合,并利用HTTPService与Java后端通过XML进行通信。Flex是一种用于构建富互联网应用程序(RIA)的开发框架,而JSP则是Java服务器页面,常用于创建动态网页。在本过程中...

    Flex-Jsp-Mysql简单结合例子

    根据给定的信息,本文将详细解释“Flex-Jsp-Mysql简单结合例子”这一主题,包括Flex、JSP以及MySQL在项目中的应用与交互,并重点分析MVC架构在Flex中的实现方式。 ### Flex简介 Flex是一种用于构建跨浏览器、跨...

    FLEX通过JSP与数据库交互

    本篇文章将详细介绍如何利用FLEX结合JSP实现与MySQL数据库的交互功能。此实战经验分享适合FLEX和JSP初学者参考。 #### 二、技术栈概述 - **FLEX Builder 3**: Adobe官方提供的集成开发环境(IDE),专门用于FLEX应用...

    Flex和jsp整合实践

    Flex和JSP(JavaServer Pages)的整合是Web开发中的一种常见技术,它结合了富互联网应用程序(RIA)的优势和后端服务器的强大处理能力。在本文中,我们将深入探讨如何将Adobe Flex前端与JSP后端相结合,实现数据的...

    PureMVC+Flex+Jsp+Mysql实现用户登录注册

    2. **Flex**:Flex是Adobe开发的开源开发框架,主要用于构建基于Flash Player或Adobe AIR的RIA(Rich Internet Applications)。在这里,Flex负责用户界面的设计和交互,提供丰富的图形和动画效果,使用户登录注册...

    Flex与Java交互

    在Flex与Java的交互中,JSP可能用于生成静态HTML页面,或者与Servlet配合,共同处理复杂的视图逻辑。 在"FlexJavaDemo"这个压缩包中,可能包含了整个项目的源代码、配置文件和其他必要资源。这些文件可能包括Flex的...

    Flex整合J2EE开发小记+源码下载

    标题中的“Flex整合J2EE开发小记+源码下载”揭示了本文的主题,即如何将Adobe Flex技术与Java EE(J2EE)平台相结合,进行Web应用的开发。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,它允许开发者创建...

    flex项目整合 jsp,编译错误解决方案

    在Flex项目中,我们经常会遇到与Java服务器端技术如JSP(JavaServer Pages)进行整合的需求,以便实现动态数据交互和视图更新。然而,这种集成过程并非总是顺畅的,可能会遇到各种编译错误。本篇将详细探讨“flex...

    Flex 报表后期改正

    在Flex和JSP结合的项目中,通常会用JSP处理后端逻辑,如数据库操作,然后通过HTTP服务与Flex前端通信,传递数据。这里的“后期改正”可能涉及到修正参数传递、数据序列化和反序列化、以及错误处理等问题,以确保前端...

    flex + tomcat + myEclipse环境配置与使用

    这三者结合在一起,可以搭建一个完整的RIA开发和运行平台。 首先,我们需要安装MyEclipse。MyEclipse提供了对Flex的内置支持,包括代码编辑、调试和发布功能。下载安装完成后,打开MyEclipse,选择新建项目时,会...

    在eclipse_的一个项目中同时开发j2ee模块和flex_客户端模块

    总之,结合Eclipse的WTP、Flex Builder Plugin和BlazeDS,可以在同一项目中轻松地进行J2EE和Flex开发。这种集成开发环境使得前端和后端开发人员能够在统一的平台上工作,减少了沟通成本,提高了开发效率,使得复杂的...

    Flex 开发工程发布到tomcat下的步骤.doc

    在Flex和Java结合的项目中,发布过程需要确保前端Flex代码与后端Java服务协同工作。通过Eclipse IDE,我们可以便捷地管理这个过程。本文作者提供了一个直接将编译好的Flex工程文件复制到Tomcat webapps目录下的简单...

    flex与spring的集成工程源码

    Flex与Spring的集成是开发富互联网应用程序(RIA)时常用的一种技术组合,它将Adobe Flex的用户界面优势与Spring框架的强大后端服务管理相结合。这个集成工程源码提供了全面的示例,帮助开发者理解如何在实际项目中...

Global site tag (gtag.js) - Google Analytics