这两天应为一个页面跳转把我整的死去活来啊！官网的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);
}