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

我怎么能这样做？我怎么能创建并添加下一个面板，让我们说登录成功后，在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();
}

在视口内！