這兩天應(yīng)為一個(gè)頁(yè)面跳轉(zhuǎn)把我整的死去活來(lái)啊！官網(wǎng)的API不給力啊！資料太少了，害的我浪費(fèi)了好長(zhǎng)時(shí)間，最終還是弄好了，發(fā)現(xiàn)了一個(gè)關(guān)鍵問(wèn)題所在：如果要使用Ext.getCmp()來(lái)得到視圖或者頁(yè)面組建就得在引用的頁(yè)面中添加id屬性，因?yàn)镋xt.getCmp()是通過(guò)id來(lái)取東西的。明白這點(diǎn)后下面的事就好辦多了。

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

config:{refs:{camera:'#cameraview',//拍照頁(yè)面description:'#descriptionview',//問(wèn)題描述頁(yè)面corrective:'#correctiveview',//整改要求頁(yè)面captureButton:'button[action=captureButton]',//#拍照#拍照按鈕selectButton:'button[action=selectButton]',//#拍照#選擇照片按鈕btnCameraNext:'button[action=btnCameraNext]',//#拍照#下一頁(yè)按鈕btnCameraSave:'button[action=btnCameraSave]',//#拍照#保存按鈕selectTemplate:'button[action=selectTemplate]',//#問(wèn)題描述#選擇模板按鈕btnDescriptionBack:'button[action=btnDescriptionBack]',//#問(wèn)題描述#上一步按鈕btnDescriptionSave:'button[action=btnDescriptionSave]',//#問(wèn)題描述#保存按鈕btnDescriptionNext:'button[action=btnDescriptionNext]',//#問(wèn)題描述#下一頁(yè)按鈕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'},}}

下面是具體的上一頁(yè)、下一頁(yè)的翻頁(yè)事件。雖說(shuō)有點(diǎn)繁瑣，但功能算是實(shí)現(xiàn)了。

//向左翻頁(yè) slideLeftTransition:{type: 'slide',direction: 'left' }, //向右翻頁(yè) 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); }

轉(zhuǎn)載于:https://www.cnblogs.com/fyq891014/archive/2012/06/07/2990426.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。