sencha route实现浏览器及Android返回按钮页面返回

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,成为了两个页面，自然可以实现返回按钮