Sencha Touch2 退后按钮的导航应用

Sencha Touch2 后退按钮的导航应用
Sencha Touch2 后退按钮的导航应用
系统中设置几个routes的路由

      routes: {
	    'form/:id':'showFormDetailByDocId',
            'flow/:id': 'showDetailById',
            'menu/:id': 'showMenuById',
            'flowtracking/:id':'showFlowTrackingById'
        }

主要界面

在界面中Tap一条记录后,侦听它的Tap事件,添加一个路径

onNavTap:function(list,index,target,record,e,eopts){
		 var record = list.getStore().getAt(index);
		 this.getApplication().getHistory().add(
            Ext.create('Ext.app.Action', {url: 'form/' + record.get('docid')})
         );
},

查看表单信息

执行已经设置好的代码

        showFormDetailByDocId:function(id){
		var view = new app.view.AppForm();
		var nav    = this.getNav();
		nav.parent.setActiveItem(view);
	},

查看流程跟踪信息

执行已经设置好的代码

    showFlowTrackingById:function(id){
		var aview = new app.view.TrackingList();
		var nav = this.getNav(),
		 layout = nav.getLayout(),
         initialAnim = layout.getAnimation(),
         newAnim;
         nav.parent.setActiveItem(aview);
	},

点击Back按钮执行 JavaScript 的js原生代码 history.back()即可

    history.back();