model-view-controller - sencha touch :: 为视口动态创建面板

Question

我有一个 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 小而干净。

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

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

在视口内！