- 浏览: 533962 次
- 性别:
- 来自: 大连
文章分类
- 全部博客 (240)
- Java (25)
- Flex (46)
- Sybase (26)
- Sqlserver (7)
- .NET (1)
- .NET-Silverlight (11)
- Hibernate (5)
- Korn-shell (2)
- Perl (5)
- Unix & Linux (11)
- Ruby (3)
- SVN (2)
- Tomcat (1)
- CSS (5)
- Web (2)
- English (3)
- SQL (9)
- Qlikview (4)
- Spring (7)
- javascript (2)
- weblogic (5)
- iphone (1)
- 网络 (5)
- 随 (23)
- AutoSys (1)
- Hermes (2)
- RPM (2)
- CA (1)
- Operating System (1)
- SSIS (3)
- Windows (2)
- excel (1)
- SSRS (1)
- 活动 (23)
- Eclipse (2)
- Angular (0)
- Python (0)
- AWS (0)
- Android (0)
最新评论
-
devcang:
long t1 = System.nanoTime();
java中取得微秒级的时间 -
Sev7en_jun:
Sev7en_jun 写道 ExternalInterface ...
flex"页面跳转" -
Sev7en_jun:
ExternalInterface.call("fu ...
flex"页面跳转" -
lujinan858:
Incorrect syntax near 'fddActiv ...
Sybase alter 用法 -
Sev7en_jun:
Alter table TestItem drop COLUM ...
Sybase alter 用法
其实对于这个题目是不恰当的,因为flex中是没有页面这个概念的,页面在flex里面其实就是一个个的Canvas,vbox,
hbox等等之类的东西,看到的不同页面的切换,就是这些元素一层层的堆积,或者替换,但是为了好理解,还是称之为
"页面跳转"。其实我们可以对比传统的C/S开发模式,没页面跳转,只有窗体和元件的显示和隐藏。
那么在flex中怎么实现页面的跳转了,我总结了下,主要有一下几种方式:
1、使用ViewStack组件,具体代码如下所示:把要跳转的页新建成 MXML Component,然后通过 ViewStack 组件把
这些页包含进来
<mx:ViewStack id="storeViews" width="100%" height="550" creationPolicy="all">
<shouye id="homeView" label="首 页" showEffect="WipeDown" hideEffect="WipeUp" />
<leixing id="pView" label="模板类型" showEffect="WipeDown" hideEffect="WipeUp" />
<make id="supportView" label="立即制作" showEffect="WipeDown" hideEffect="WipeUp" />
</mx:ViewStack>
然后再用别的组件切换这些页,比如用 Button
<mx:Button click="storeViews.selectedChild=homeView;" />
效果:
见附件sample3.zip
2、使用navigateToURL,主要方式如下:var url:String = "http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html";
var request:URLRequest = new URLRequest(url);
navigateToURL(request,"_blank");
但是这个方法很郁闷就是页面切换总是弹出新的页面,而不是只变换url
3、也是我采用的方法,就是引用flash中的 import flash.external.ExternalInterface 这个接口,他能提供像jsp中window.location.href方法一样方便,主要代码为: ExternalInterface.call("function()
");
4、使用组件技术,把不通的页面做成component,然后通过TabNavigator等进行切换,通过使用state实现跳转。
效果:
见附件sample4.zip
最后总结下吧:在Flex中,根本就没有页面的概念,有的只有状态,Flex是通过改变不同的状态在我们的Application中
实现不同页面的平滑变换。目前已有人提出使用"栈"的"后进先出"的思想等等方法来实现,当然还有其他的方法,但
是都需要我们的不断探索、挖掘。
- sample3.zip (126.4 KB)
- 下载次数: 481
- sample4.zip (157.2 KB)
- 下载次数: 465
评论
{window.location.href='http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}
");
请问红色这段路径怎么动态获取?
可以通过Application.application.url来获取当前服务URL,然后再通过切割字符串拼接出新的路径,暂时就知道这个方法
{window.location.href='http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}
");
请问红色这段路径怎么动态获取?
第四种好一些 不过这要看你们的项目需求了
谢谢品读 希望共同进步
发表评论
-
Flex Remote Object IE 问题(转)
2010-04-21 16:43 1905最近在开发中遇到一个怪异的问题: 1.F ... -
使用updateComplete事件代替verticalScrollPosition绑定赋值(转)
2010-03-22 14:30 1405flex组件的 verticalScrollPositio ... -
Flex 中的 DataGrid 自动刷新(转)
2010-03-18 13:56 4219当修改 DataGrid 实例的数据, 即修改数据源(data ... -
Flex 应用的初始化顺序(转)
2010-03-16 14:46 1097preloader->systemManager-> ... -
flex TabNavigator 切换之前给出提示(转)
2010-03-02 16:25 3014<?xml version="1.0" ... -
十二个非常有用的Flex函数Source In Flex(转)
2010-03-02 16:06 1411No.1 Copy content to clipboar ... -
移除Flex被验证控件的红边框和错误Tip提示
2010-02-25 16:32 1479Removing the red border from co ... -
EventListener的add和remove
2010-02-25 16:25 1635<?xml version="1.0" ... -
Flex中如何去掉Tree控件默认文件夹图标、叶子节点图标
2009-12-24 14:11 2499利用folderClosedIcon和folderOpenIc ... -
如何使用Flex HDividedBox
2009-12-23 09:56 1210<?xml version="1.0" ... -
Flex tree组件数据源、图标等修改
2009-12-22 15:30 3126<?xml version="1.0" ... -
FLEX Tree 控件动态加载
2009-12-22 15:26 3678首先给Tree设置一个数据源: [Bindable] pr ... -
Flex Tree 组件使用的两个小技巧
2009-12-22 15:20 2394学习了一段时间的Flex,感觉Flex再成熟一些的话,Flex ... -
Flex异步令牌AsyncToken的用法介绍
2009-12-22 14:44 5001什么是AsyncToken?官 ... -
Flex将Array作为Tree的数据源
2009-12-22 11:40 1541<?xml version="1.0" ... -
Flex Logging
2009-11-16 11:40 1662我们在编写Flex应用程序的时候经常会忽略logging,发现 ... -
Flex XML转ArrayCollection
2009-10-29 22:21 3008mxml: <?xml version="1 ... -
Flash log 插件
2009-10-29 16:15 1071Flash Tracer https://addons.mo ... -
用一个HelloWorl例子手把手教会你使用BlazeDS
2009-10-21 10:58 1278什么是BlazeDS呢? ... -
整合Flex+struts+BlazeDS+tomcat+mysql
2009-10-13 14:41 4449Flex 技术是一种完善的 RIA 技术,因此与 we ...
相关推荐
### Flex页面跳转详解 #### 一、引言 在Flex开发中,页面跳转是一项基本且重要的功能,它能够帮助开发者实现应用内的导航逻辑,为用户提供流畅的使用体验。根据给定文件的信息,本文将深入探讨Flex页面跳转的各种...
首先,Flex页面跳转。在Flex中,有多种方式来实现场景间的切换: 1. **ViewStack组件**:ViewStack是一种容器组件,它可以容纳多个子组件,并通过改变selectedItem或selectedChild属性来展示不同的子组件,实现页面...
四种方式实现Flex页面跳转 在学习Flex的过程中,你可能会遇到Flex页面跳转的问题,本文和大家分享一下,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一...
在Flex应用程序中,页面跳转是用户体验的重要组成部分,PureMVC提供了优雅的方式来管理这些交互。本文将深入探讨如何在Flex环境中利用PureMVC进行页面跳转。 首先,理解PureMVC架构的核心组件:模型(Model)、视图...
页面跳转路由技术,算来并不是一个很新的技术,但却是一项有用的技术。在网站有很多需要跳转的页面,而我们又需要动态地在主页面中加载子页面时,就会用到这门技术。以我们公司现在这个项目为例,前台是由FLEX实现...
Flex动态导航跳转页面是一种基于Adobe Flex技术构建的交互式用户界面,主要用于Web应用程序的开发。Flex是一个开源框架,它允许开发者使用ActionScript语言和MXML标记语言来创建丰富的互联网应用(RIA)。在本场景中...
以下是对Flex中实现页面跳转的几种方法的详细解释: 1. **使用ViewStack组件**: ViewStack是一种布局容器,它允许你在其中添加多个子组件,并通过改变selectedChild属性来显示或隐藏不同的子组件,从而实现类似...
总结来说,"flex sample-跳转"项目展示了Flex开发中ViewStack控件的基本用法,通过它我们可以创建多页面的富互联网应用,提供简单的导航功能。深入理解并掌握ViewStack的使用,将有助于提升Flex应用程序的交互性和...
本篇文章将深入探讨“flex state跳转”这一主题,以及如何在Flex项目中利用state来实现页面或组件的动态跳转。 一、什么是Flex State Flex State是Flex应用中的一个重要概念,它允许开发者定义UI组件在不同场景下的...
7. **页面跳转**: 在Flex应用中,跳转到另一个页面通常涉及到导航组件,如NavigatorContent或使用URLNavigation跳转到新的浏览器窗口。在DataGrid中,当用户点击某个单元格时,可以通过ActionScript监听事件并执行...
- 页面之间的切换通过URL跳转实现,即从一个地址加载到另一个地址。 - 数据通常是静态的,或者通过表单提交和服务器端处理来动态生成。 **Flex中的状态(相当于页面)**: - Flex应用中的“状态”类似于HTML中的...
flex 根据状态切换改变页面显示和页面跳转 1.登陆 2.商品管理 (商品的 增删改查 ) 双击商品进入修改操作 3.用户管理 (查看用户基本信息,完善用户详细资料) 4.完善用户资料(数据简单验证,错误提示信息) 5....
3. **页面导航**:Flex应用可以调用JavaScript函数来处理页面跳转,提供更丰富的用户体验。 4. **浏览器特性检测**:JavaScript可以检测浏览器特性,然后将这些信息传递给Flex,帮助Flex适应不同的浏览器环境。 5....
2. 用户界面:前端展示分页控件,包括页码按钮、跳转输入框等,用户可以通过这些元素切换页面。 3. 事件处理:监听用户操作,如点击页码按钮,触发数据重新加载并更新页面内容。 4. 动态加载:使用JavaScript动态...
页面跳转 - **导航管理**:在复杂的Flex应用中,页面之间的跳转是非常常见的需求。这部分内容会介绍如何实现页面间的导航,以及如何管理和传递状态信息。 #### 11. 样式与主题 - **美化UI**:Flex允许开发者通过...
Flex分页组件是一种在Flex应用程序中用于展示大量数据并分批加载的重要工具。它通过将大量数据分成小块,每次只加载一部分,提高了用户界面的响应速度和用户体验。本组件适用于那些需要显示大量数据,如表格、列表...
5. 页数跳转:允许用户直接输入页码或选择页面,快速跳转到特定页。 6. 显示当前页码和总页数:让用户了解他们在数据集中的位置。 在Flex中,我们可以自定义一个分页控件来实现这些功能。例如,上述代码展示了如何...
4. **交互性**:Flex PDF电子书支持用户交互,比如点击链接跳转到其他页面、填写表单、播放嵌入的音频或视频,甚至进行简单的游戏和模拟操作。 5. **响应式设计**:Flex PDF电子书可以自适应不同的设备和屏幕尺寸,...
- **页面控制**:Flex应用可以通过JavaScript控制HTML页面的元素,如改变DOM结构,执行页面跳转,或者控制其他JavaScript库。 - **用户交互**:当用户在Flex组件上进行操作时,可以触发JavaScript事件,反之,...