javascript - sencha touch 应用程序布局不会更改为横向

Question

我有一个使用 sencha touch 的基本应用程序，可以将用户从一个视图带到另一个视图。当我出于某种原因将模拟器更改为横向时，它的布局保持不变，仍然显示为纵向。我怎样才能改变这种行为？

Answer 1

在视口上添加orientationchange 事件：

initialize: function () {
    // Add a Listener. Listen for [Viewport ~ Orientation] Change.
    Ext.Viewport.on('orientationchange', 'handleOrientationChange', this, {buffer: 50 });
    this.callParent(arguments);
},
handleOrientationChange: function(){
    console.log('handleOrientationChange');
    // Execute the code that needs to fire on Orientation Change.
}