Carregando diferentes visualizações para diferentes perfis
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?