Sencha Touch2 后退按钮的导航应用

peter2009

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();