Sencha Touch 2 MVC - как переключать представления с помощью кнопки

У меня есть этот контроллер:

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() {
                }
            }
        });
    }
});

и эти 2 представления:

    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() {
                    }
                }
            ]
        }
});

Я бы хотел второе представление для загрузки, когда я нажимаю на первую кнопку, и наоборот, когда я нажимаю на вторую кнопку. Кажется, я могу добавить код либо в свой обработчик кнопок, либо в раздел управления - я был бы признателен за пример обоих (если они не совпадают) и возможно, объяснение, какой метод лучше и почему.

Обратите внимание, что я НЕ хочу использовать макет карточки или панель вкладок - я хочу знать, как переключаться с одного автономного представления на другое (в моем приложении у меня есть панель карточек и вкладка, и мне нужно переключаться между обеими группами с помощью кнопок)

Спасибо !!

11
задан cyberwombat 25 October 2011 в 17:47
поделиться