sencha route实现浏览器及Android返回按钮页面返回
2013-04-23 14:21
323 查看
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返回按钮页面返回
- 如何实现返回上一个页面,就像点击浏览器的返回按钮一般
- js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
- JS实现效果-点击按钮返回到页面顶部
- 浏览器返回按钮不会刷新页面解决方案
- jquery实现当页面滚动超过一屏时显示返回顶部按钮
- 网站安全退出后,再点击浏览器后退按钮不能返回前一个页面的笨办法
- 初学者---Android 使用SwipeBackLayout实现滑动返回上一级页面
- (pc、手机端浏览器、微信内)点击返回键,返回到上一个页面浏览的位置的实现
- Android微信朋友圈向微信主界面返回在ActionBar中箭头按钮的实现
- 在Java web项目中防止用户注销后使用浏览器中的“后退”按钮返回注销前页面
- javascript实现博客园页面右下角返回顶部按钮
- Android实现两次按下返回按钮后退出应用程序
- 使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转
- 点击浏览器的返回按钮或手机的返回按钮让页面刷新
- Android 通过URL scheme 实现点击浏览器中的URL链接,启动特定的App,并调转页面传递参数
- 自定义按钮实现android 返回按钮 事件
- 在Java web项目中防止用户注销后使用浏览器中的“后退”按钮返回注销前页面
- Android SwipeBackLayout实现滑动返回上一级页面