[PR4] orientationchange not working

[Michou]

Hi,

a little problem with orientationchange.

    init: function() {
        Ext.Viewport.on('orientationchange', 'handleOrientationChange', this, { buffer: 50 });
        
    },
    handleOrientationChange: function (v, orientation, width, height) {
        console.log(v, orientation, width, height);
    }

in the doc the second parameter (orientation) is supposed to be a string and I have in fact the width.
parameters 3 & 4 both return height

Ext.apply.create.Class 1280 634 634

and each time the event is firing we have the same values

thx

[Brendan Carroll]

See http://www.sencha.com/forum/showthre...entationchange
same issue reported here

[Michou]

Yes, sorry, not seen.

[Michou]

Looks like we can't reproduce the issue or there's a problem in the test case provided.

for those still thinking that there is a problem with orientationchange, that is the solution :

//*************************************************************************************************
//view/main
  
  Ext.define('mtApp.view.Main', {
        extend  : 'Ext.Container',
        xtype   : 'mainview',
        config  : {
            fullscreen: true,
            layout    : 'fit',
            html      : 'test'
        }
  });

//*************************************************************************************************
//controller/main
  
  Ext.define('mtApp.controller.Main', {
    extend: 'Ext.app.Controller',
    
    config: {
        profile: Ext.os.deviceType.toLowerCase(),
        refs   : {
            main: {
                selector  : 'mainview',
                xtype     : 'mainview',
                autoCreate: true
            }
        }
    },
        
    init: function() {
        Ext.Viewport.on('orientationchange', 'handleOrientationChange', this, { buffer: 50 });
    },
    
    handleOrientationChange: function (t, o, w, h) {
        // not working
        this.getMain().setHtml('orientationchange('+o+') width: ' + w + ', height: ' + h);
        // working
        console.log(Ext.Viewport.getOrientation(),Ext.Viewport.getSize().width,Ext.Viewport.getSize().height);
    },
    
    updateProfile: function(profile) {
        this.getMain();
    }
    
  });
  
//*************************************************************************************************
  Ext.application({
    
    name               : 'mtApp',
    
    views              : ['Main'],
    controllers        : ['Main']
    
  });