Как обработать изменение ориентации в Sencha Touch V2

У меня есть панель, которая должна выполнить некоторый Javascript при изменении ориентации. Как мне обработать смену ориентации в sencha-touch-2?

Это в основном ключевая строка, которую я пытаюсь заставить работать

this.on('orientationchange', 'handleOrientationChange', this, {buffer: 50 });

Вот контекст.

Ext.define('rpc.view.home.indexView', {
    extend: 'Ext.Panel',
    alias: 'widget.home-indexView',
    config: {
        scrollable: true,
        items: [{
            xtype: 'toolbar',
            title: 'RockPointe Mobile',
            docked: 'top'
        }, {
            xtype: 'panel',
            items: [{
               xtype: 'panel',
                style:'border:1px solid #c4c4c4 !important; border-left:none;border-right:none;',
               items: [{
                   html: '
Relentlessly Focused On The Lost
Passionately Devoted To God
Deeply Committed To One Another
'
               }]
            }, {
               xtype: 'container',
               layout: {
                   type: 'hbox',
                   pack: 'center'
               },
               defaults: {
                   xtype: 'button',
                   ui: 'plain',
                   style: 'margin-top: 5px;',
                   pressedCls: 'x-button-rpc-pressed'
               },
               items: [{
                   text: 'Videos',
                   cls: 'x-button-rpc',
                   flex: 1
               }, {
                   xtype: 'container',
                   cls: 'x-button-rpc-spacer'
               }, {
                   text: 'Calendar',
                   cls: 'x-button-rpc',
                   flex: 1
               }, {xtype: 'container',
                   cls: 'x-button-rpc-spacer'
               }, {
                   text: 'Sites',
                   cls: 'x-button-rpc',
                   flex: 1
               }]
            }, {
               xtype: 'panel',
               cls: 'x-panel-rpc',
               items: [{
                   html: 'body content'
               }]
            }, {
               xtype: 'panel',
               items: [{
                   html: '
'
               }]
            }]
        }]
    },
    initialize: function () {
        console.log('rpc.view.home.indexView ~ initialize');
        this.on('painted', 'handlePainted', this, { buffer : 50 });
        // HOW TO HANDLE ORIENTATION CHANGE
        this.on('orientationchange', 'handleOrientationChange', this, {buffer: 50 });
        this.callParent(arguments);
    },
    handlePainted: function() {
        console.log('rpc.view.home.indexView ~ handlePainted');
        loadHomeBanner();
    },
    handleOrientationChange: function(){
        console.log('rpc.view.home.indexView ~ handleOrientationChange');
        loadHomeBanner();
    }
});