Sencha Touch - 转换到页面

Posted 2023-02-25

【中文标题】Sencha Touch - 转换到页面

【英文标题】：Sencha Touch - transitioning to pages

【发布时间】：2015-06-25 20:11:13

【问题描述】：

我一直在玩 Sencha Touch 2，遇到了两种在页面之间转换的方式（例如从主页到登录）。

一种方式：app.js：

launch: function() 
    var loginPage = 
        xtype: 'loginview'
    ;

    var homePage = 
        xtype: 'homeview'
    ;

    Ext.Viewport.add([loginPage, homePage]);

controller/Home.js

onLogOff: function() 
    ...
    var loginPage = this.getLoginView();
    Ext.Viewport.animateActiveItem(loginPage, this.slideRight);
,
slideRight: 
    type: 'slide', direction: 'right'

另一种方式：app.js：

launch: function() 
    var loginPage = 
        xtype: 'loginview'
    ;

    Ext.Viewport.add(loginPage);

controller/Home.js

onLogOff: function() 
    ...
    var loginPage =  xtype: 'loginview' ;

    Ext.Viewport.add(loginPage);
    Ext.Viewport.remove(this.getHomeView());

首选的过渡方式是什么？

我很想一次只将一个页面添加到视口（第二种方法），但是对于框架来说相当新，我不确定这是最好的方法。

两者之间是否有显着差异，如果有，是什么？

【参考方案1】：

我的建议是使用第二种模式。

首先，您不希望任何未“登录”的人能够检查“已验证”区域的 html。此外，您不希望在单页应用程序中的任何时候都向 DOM 呈现更多内容。减少 DOM 中的内容将有助于防止出现性能和显示问题。