Sencha Touch 2 MVC - comment changer de vue avec le bouton

J'ai ce contrôleur:

Ext.define('MyApp.controller.Test', {
    extend: 'Ext.app.Controller',

    config: {

    },

    refs: [
        {
            ref: 'first',
            selector: '#first'
        },
        {
            ref: 'second',
            selector: '#second'
        }
    ],

    views : [
        'TestMain',
        'TestSecond'
    ],

     init: function() {
          this.getTestMainView().create();


        this.control({
            '#first': {
                tap: function() {
                    //how do I go to second view here?
                }
            },
            '#second': {
                tap: function() {
                }
            }
        });
    }
});

et ces 2 points de vue:

    Ext.define('MyApp.view.TestMain', {
    extend: 'Ext.Container',
    xtype: 'testmain',

    config: {
        fullscreen: true,
        layout: 'vbox',
        scrollable: true,
         items: [
                {
                    xtype: 'button',
                    ui: 'normal',
                    id: 'first',
                    text: 'Go To Second Screen',
                    handler: function() {

                        //how do I go to second view here?
                    }
                }
            ]
        }
});

...

    Ext.define('MyApp.view.TestSecond', {
    extend: 'Ext.Container',
    xtype: 'testsecond',

    config: {
        fullscreen: true,
        layout: 'vbox',
        scrollable: true,
        items: [
                {
                    xtype: 'button',
                    ui: 'normal',
                    id: 'second',
                    text: 'Go To First Screen',
                    handler: function() {
                    }
                }
            ]
        }
});

Je voudrais le second point de vue de la charge quand je clique sur le premier bouton et vice versa quand je clique sur le deuxième bouton. Il semble que je peux ajouter du code dans mon gestionnaire de bouton ou dans la section de contrôle - j'apprécierais un exemple à la fois (sauf s'ils sont les mêmes) et peut-être une explication des raisons pour lesquelles la méthode est la meilleure et pourquoi.

Noter que je ne veux PAS utiliser de carte de mise en page ou tabpanel - je veux savoir comment passer de l'un autonome de vue à l'autre (Dans mon application j'ai un panneau de carte et un onglet pabel et j'ai besoin de basculer entre les deux groupes à l'aide des boutons)

Merci!!

OriginalL'auteur cyberwombat | 2011-10-24