Sencha Touch :: динамически создавать панели для области просмотра

Question

У меня есть сенсорное приложение Sencha в стиле MVC, и обычно я использовал

Ext.apply(app.views, {
            loginPage: new app.views.Login(),
            mainView: new app.views.MainView(),
            ...
}
Ext.apply(this, {
            items: [
                app.views.loginPage,
                app.views.mainView
...

для создания панелей приложения.

, но теперь я хочу начать с одной панели видового экрана и добавитьдинамически новая панель содержимого, уничтожающая старую (в данном случае панель входа в систему) после действия слайда, чтобы сохранить DOM маленьким и чистым.

как я могу это сделать?Как я могу создать и добавить следующую панель, скажем, после успешного входа в систему, внутри logincontroller.

Answer 1

Я сделал это с

app.views.viewport.setActiveItem(
    app.views.loginPage = new app.views.Login(), {type:'slide',direction:'right'}
}

для создания новой страницы на лету и

this.on('cardswitch', function(scp, newCard, oldCard, indx, anim){
    oldCard.destroy();
}

внутри окна просмотра!