目的:当手机旋转后,panel会自动旋转并且relayout。
该事件简介如下:
orientationchange( Ext.Panel this, String orientation, Number width, Number height )
Fires when the orientation changes, if the monitorOrientation configuration is set to true.
Parameters
this : Ext.Panel
orientation : String类型, 有两个值:'landscape' or 'portrait'
width : Number
height : Number
Panel中对应的设置:
- monitorOrientation为true,默认是false。
- layoutOnOrientationChange为true,默认为null。但是2种情况下会被默认设置true:如果该panel是floating或者其父container是fullscreen
- 在panel中注册该事件的处理方式,e.g.
this.on("orientationchange",mycss.controllers.example.doOrientation,mycss.controllers.example);
controller中设置如下:
doOrientation:function(obj,mode,w,h){
//do something here
},
其中4个带过来的参数会提供对应的数据:
- obj 即是被旋转的panel
- mode是旋转后的模式,即风景模式或者肖像模式
- width,height是旋转后的屏幕大小