- 浏览: 522029 次
- 性别:
- 来自: 大连
文章分类
- 全部博客 (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:
<div class="quote_title ...
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 1851最近在开发中遇到一个怪异的问题: 1.F ... -
使用updateComplete事件代替verticalScrollPosition绑定赋值(转)
2010-03-22 14:30 1344flex组件的 verticalScrollPositio ... -
Flex 中的 DataGrid 自动刷新(转)
2010-03-18 13:56 4181当修改 DataGrid 实例的数据, 即修改数据源(data ... -
Flex 应用的初始化顺序(转)
2010-03-16 14:46 1055preloader->systemManager-> ... -
flex TabNavigator 切换之前给出提示(转)
2010-03-02 16:25 2964<?xml version="1.0" ... -
十二个非常有用的Flex函数Source In Flex(转)
2010-03-02 16:06 1359No.1 Copy content to clipboar ... -
移除Flex被验证控件的红边框和错误Tip提示
2010-02-25 16:32 1426Removing the red border from co ... -
EventListener的add和remove
2010-02-25 16:25 1591<?xml version="1.0" ... -
Flex中如何去掉Tree控件默认文件夹图标、叶子节点图标
2009-12-24 14:11 2451利用folderClosedIcon和folderOpenIc ... -
如何使用Flex HDividedBox
2009-12-23 09:56 1151<?xml version="1.0" ... -
Flex tree组件数据源、图标等修改
2009-12-22 15:30 3083<?xml version="1.0" ... -
FLEX Tree 控件动态加载
2009-12-22 15:26 3636首先给Tree设置一个数据源: [Bindable] pr ... -
Flex Tree 组件使用的两个小技巧
2009-12-22 15:20 2351学习了一段时间的Flex,感觉Flex再成熟一些的话,Flex ... -
Flex异步令牌AsyncToken的用法介绍
2009-12-22 14:44 4947什么是AsyncToken?官 ... -
Flex将Array作为Tree的数据源
2009-12-22 11:40 1497<?xml version="1.0" ... -
Flex Logging
2009-11-16 11:40 1628我们在编写Flex应用程序的时候经常会忽略logging,发现 ... -
Flex XML转ArrayCollection
2009-10-29 22:21 2964mxml: <?xml version="1 ... -
Flash log 插件
2009-10-29 16:15 998Flash Tracer https://addons.mo ... -
用一个HelloWorl例子手把手教会你使用BlazeDS
2009-10-21 10:58 1235什么是BlazeDS呢? ... -
整合Flex+struts+BlazeDS+tomcat+mysql
2009-10-13 14:41 4400Flex 技术是一种完善的 RIA 技术,因此与 we ...
相关推荐
Flex页面跳转,Flex页面跳转,Flex页面跳转,Flex页面跳转
flex页面跳转及数据绑定的方法,flex页面跳转及数据绑定的方法
四种方式实现Flex页面跳转 在学习Flex的过程中,你可能会遇到Flex页面跳转的问题,本文和大家分享一下,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一...
页面跳转路由技术,算来并不是一个很新的技术,但却是一项有用的技术。在网站有很多需要跳转的页面,而我们又需要动态地在主页面中加载子页面时,就会用到这门技术。以我们公司现在这个项目为例,前台是由FLEX实现...
Flex PureMVC页面跳转
flex作的动态导航跳转页面,文件不大可以放在首页上作导航页面跳转使用
flex 根据状态切换改变页面显示和页面跳转 1.登陆 2.商品管理 (商品的 增删改查 ) 双击商品进入修改操作 3.用户管理 (查看用户基本信息,完善用户详细资料) 4.完善用户资料(数据简单验证,错误提示信息) 5....
基于flex的最牛的datagrid做的节目或者课程播表,用ml存储数据,连接到别的页面.
1 14 跟我StepByStep学FLEX教程------Demo7之页面跳转 1 15 跟我StepByStep学FLEX教程------manager 1 16 跟我StepByStep学FLEX教程------Demo8之样式和主题 1 17 跟我StepByStep学FLEX教程------自定义主题 1 ...
页面跳转路由技术,算来并不是一个很新的技术,但却绝对是一项有用的技术。在网站有很多需要跳转的页面,而我们又需要动态地在主页面中加载子页面时,就会用到这门技术。以我们公司现在这个项目为例,前台是由FLEX...
分享给遇到用FlexBook组件时,大概就是从这儿下的http://www.rubenswieringa.com/code/as3/flex/Book/,页面无法直接跳转的童鞋们,直接保存名字为Book.as替换原来的Book.as文件即可直接使用jumpToPage方法跳转页面
微信小程序 详解页面跳转与返回并回传数据 A页面: .wxml文件 <view class=flex-wrp> 选择城市 <input style=width: 68%; type=text bindtap=city placeholder=请选择城市 value={{cityName}}/> .js文件...
小程序简单入门项目,快速掌握Flex布局、图片上传、获取地理位置、页面跳转等基础功能
涉及技术要点:django: 安装,如何创建一... vue: css样式、 flex布局、vue模板语法、 vue生命周期、vue路由及传参、页面跳转、 组件属性及监听、route-view主子组件通讯、JSON对象操作、深拷贝; nignx: 配置发布网站
里面涉及到的一些知识点:数据绑定、页面渲染、逻辑结构、事件响应、页面跳转等。 骚客天气 用微信小程序搭建的简易天气界面,可以看到当天和未来三天的天气情况。里面涉及到的一些知识点:位置接口、网络通信、...
本demo运用vue技术完成前端的各种交互,如数据绑定,列表显示,点击事件,页面跳转,页面间传参,数据处理,图片显示,涉及知识点包括:css, flex布局,公共样式,js引入,vue语法,vue路由,对初学者有一定的帮助
vue-router路由跳转 (层级嵌套适配、跳转前的拦截、跳转后页面自动滚到顶部) vuex管理 (导航高亮、多分页标签切换、根据用户动态菜单路由控制等) less flex弹性布局 没有使用eslint 代码风格插件 更新日志: 1....
vue-router路由跳转 (层级嵌套适配、跳转前的拦截、跳转后页面自动滚到顶部) vuex管理 (导航高亮、多分页标签切换、根据用户动态菜单路由控制等) less flex弹性布局 没有使用eslint 代码风格插件 更新日志: 1....
用来跳转页面 属性:url 协商跳转的路径地址 每个page都有四个文件 app.js app.json app.wxml app.wxss 新建之后会自动将路径存入到 全局的json文件中,如果有的模板不需要json就删除路径 主文件夹 app.js app.json ...
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐WebApp,UI 界面参考了安卓版的QQ音乐、flex 布局适配常见移动端。 部分图片预览 开发目的 通过学习开发一个 Vue ...