煎茶觸摸::動態創建的面板視窗

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小而乾淨。

我該怎麼做？我怎麼能創建和添加下一個面板讓我們說，登錄成功後，在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(); 
} 

視口內！