Não tenho certeza se entendi como usar as visualizações de perfil em um aplicativo do Sencha Touch 2.

Ext.define(App.view.phone.PhonePanel, {
    extend: 'Ext.tab.Panel',
    xtype: 'Compare'
    config: {
         items: [
            { xtype: 'PanelA' },
            { xtype: 'Panel B' }
         ]
    }
})

Ext.define(App.view.tablet.TabletPanel, {
    extend: 'Ext.Panel',
    xtype: 'Compare'
    config: {
         layout: 'vbox',
         items: [
            { xtype: 'PanelA', flex: 1 },
            { xtype: 'Panel B', flex: 1 }
         ]
    }
})

E, em seguida, no perfil de telefone, ele adiciona "PhonePanel" como exibição e o perfil do Tablet adiciona "TabletPanel". e quando esse perfil específico é carregado, ele carrega apenas essas visualizações adicionais.

O problema que estou tendo é que o Sencha está carregando arquivos de ambos os perfis, e fazendo

this.getAview().push({xtype:'Compare'});

Enquanto o perfil do telefone está ativo, ele realmente pressiona a versão do Tablet do xtype. O que está acontecendo aqui?