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

Posted 2023-02-26

【中文标题】sencha touch :: 为视口动态创建面板

【英文标题】：sencha touch :: dynamically create panels for viewport

【发布时间】：2012-01-26 10:03:52

【问题描述】：

我有一个 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 中创建和添加下一个面板。

【参考方案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();

在视口内！