sencha touch :: 动态创建视口面板

Question

我有一个 MVC 风格的 sencha 触摸应用程序，通常我用来

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 小而干净。

我怎么能那样做呢？我如何在登录控制器内创建并添加下一个面板，比如说登录成功后。

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

为了在视口内