這兩天應為一個頁面跳轉把我整的死去活來啊！官網的API不給力啊！資料太少了，害的我浪費了好長時間，最終還是弄好了，發現了一個關鍵問題所在：如果要使用Ext.getCmp()來得到視圖或者頁面組建就得在引用的頁面中添加id屬性，因為Ext.getCmp()是通過id來取東西的。明白這點后下面的事就好辦多了。

首先在控制層里面定義按鈕的事件，并映射組建。

config:{refs:{camera:'#cameraview',//拍照頁面description:'#descriptionview',//問題描述頁面corrective:'#correctiveview',//整改要求頁面captureButton:'button[action=captureButton]',//#拍照#拍照按鈕selectButton:'button[action=selectButton]',//#拍照#選擇照片按鈕btnCameraNext:'button[action=btnCameraNext]',//#拍照#下一頁按鈕btnCameraSave:'button[action=btnCameraSave]',//#拍照#保存按鈕selectTemplate:'button[action=selectTemplate]',//#問題描述#選擇模板按鈕btnDescriptionBack:'button[action=btnDescriptionBack]',//#問題描述#上一步按鈕btnDescriptionSave:'button[action=btnDescriptionSave]',//#問題描述#保存按鈕btnDescriptionNext:'button[action=btnDescriptionNext]',//#問題描述#下一頁按鈕btnCorrectiveBack:'button[action=btnCorrectiveBack]',//#整改要求#上一步按鈕btnCorrectiveSave:'button[acyion=btnCorrectiveSave]',//#整改要求#保存按鈕btnCorrectiveSubmit:'button[action=btnCorrectiveSubmit]'//#整改要求#提交按鈕},control:{//按鈕事件captureButton:{tap:'onCaptureButton'},selectButton:{tap:'onSelectButton'},btnCameraNext:{tap:'onCameraNext'},btnDescriptionBack:{tap:'onDescriptionBack'},btnDescriptionNext:{tap:'onDescriptionNext'},btnCorrectiveBack:{tap:'onCorrectiveBack'},}}

下面是具體的上一頁、下一頁的翻頁事件。雖說有點繁瑣，但功能算是實現了。

//向左翻頁 slideLeftTransition:{type: 'slide',direction: 'left' }, //向右翻頁 slideRightTransition: {type: 'slide',direction: 'right' }, onCameraNext:function(){Ext.Viewport.animateActiveItem(Ext.getCmp('descriptionview'),this.slideLeftTransition); }, onDescriptionBack:function(){Ext.Viewport.animateActiveItem(Ext.getCmp('cameraview'),this.slideRightTransition); }, onDescriptionNext:function(){Ext.Viewport.animateActiveItem(Ext.getCmp('correctiveview'),this.slideLeftTransition); }, onCorrectiveBack:function(){Ext.Viewport.animateActiveItem(Ext.getCmp('descriptionview'),this.slideRightTransition); }

轉載于:https://www.cnblogs.com/fyq891014/archive/2012/06/07/2990426.html

總結

以上是生活随笔為你收集整理的sencha touch中实现页面之间的互相跳转的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。