sencha route实现浏览器及Android返回按钮页面返回
来源:互联网 发布:加工中心螺纹攻丝编程 编辑:程序博客网 时间:2024/05/17 01:16
sencha如果不做设置,是一个framework页面,当点击浏览器返回或者Android的返回键的时候会跳出页面或整个程序
所以需要实现route路径
网上么有特别详细的说明,研究了很久分享一个
首先,需要在main的地方开始就加入历史路径。在app.js
launch: function() {
//增加历史路径,设定main为home
this.getApplication().getHistory().add(Ext.create('Ext.app.Action', {
url: 'home'
}));
//初始化main
Ext.create('MBAPeople.view.Main', {fullscreen:true});
}
其次,在controller中定义route事件
routes: {
'home': 'homejump',
'changepass':'changejump'
},
home 是名字,后面的是方法
changejump:function(){
var form = this.getChangepassword();
Ext.Viewport.setActiveItem(form)
},
homejump:function(){
var form = this.getMainview();
Ext.Viewport.setActiveItem(form)
},
然后,就在相应button的事件中调用
在点击changepassword按钮中写入不是setActiveitem,而是history
onBtnTap:function(){
this.getApplication().getHistory().add(Ext.create('Ext.app.Action', {
url: 'changepass'
}));
}
而在返回按键可以直接使用 history.back();
handler: function() {
history.back();
}
这样,在我们初始化main的时候,大家会发现首页地址为localhost/app/#home,而跳转页面地址为localhost/app/#changepass,成为了两个页面,自然可以实现返回按钮
所以需要实现route路径
网上么有特别详细的说明,研究了很久分享一个
首先,需要在main的地方开始就加入历史路径。在app.js
launch: function() {
//增加历史路径,设定main为home
this.getApplication().getHistory().add(Ext.create('Ext.app.Action', {
url: 'home'
}));
//初始化main
Ext.create('MBAPeople.view.Main', {fullscreen:true});
}
其次,在controller中定义route事件
routes: {
'home': 'homejump',
'changepass':'changejump'
},
home 是名字,后面的是方法
changejump:function(){
var form = this.getChangepassword();
Ext.Viewport.setActiveItem(form)
},
homejump:function(){
var form = this.getMainview();
Ext.Viewport.setActiveItem(form)
},
然后,就在相应button的事件中调用
在点击changepassword按钮中写入不是setActiveitem,而是history
onBtnTap:function(){
this.getApplication().getHistory().add(Ext.create('Ext.app.Action', {
url: 'changepass'
}));
}
而在返回按键可以直接使用 history.back();
handler: function() {
history.back();
}
这样,在我们初始化main的时候,大家会发现首页地址为localhost/app/#home,而跳转页面地址为localhost/app/#changepass,成为了两个页面,自然可以实现返回按钮
- sencha route实现浏览器及Android返回按钮页面返回
- sencha route实现浏览器及Android返回按钮页面返回
- jquery实现页面返回按钮
- 浏览器返回按钮不会刷新页面解决方案
- Sencha Touch与PhoneGap,响应android返回按钮
- sencha touch中处理Android返回按钮事件
- Android 返回按钮的实现
- 阻止浏览器返回按钮
- 自定义按钮实现Android 返回按钮事件
- 自定义按钮实现android 返回按钮 事件
- 按钮:返回初始化页面
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- 浏览器返回刷新页面
- 浏览器返回刷新页面
- Sencha Touch页面跳转创建返回上一级按钮的设计思路
- Sencha Touch页面跳转创建返回上一级按钮的设计思路
- js监控浏览器返回按钮
- 使用Hibernate向mysql数据库中插入中文,数据库中显示??乱码
- 集群文件系统 moosefs 安装配置 容灾恢复
- IT职场求生法则(3)- 部门经理及副总适用法则
- uva10066 - The Twin Towers(dp,lcs)
- SpringMVC源码剖析(三)- DispatcherServlet的初始化流程
- sencha route实现浏览器及Android返回按钮页面返回
- 汉诺塔 Hanoi 递归实现
- 每个程序员都该阅读的书
- SpringMVC源码剖析(四)- DispatcherServlet请求转发的实现
- c# BackgroundWorker组件介绍(属性、方法、事件)
- android 中XML和对象转换利器Xstream的使用
- GCC/LD编译链接潜规则 (第二弹) : 为什么总链接失败? --LD对依赖库的输入顺序敏感
- 扩展TiledMapServiceLayer,加载ArcGIS Server发布的切片地图
- Viz Trio 脚本简介