Question

我是Sencha Touch开发的新手，并尝试使用它开发应用程序。我一直在阅读它的文档和例子。我想知道基于以下场景启动应用程序的最佳方法是什么。

LoginView启动应用程序，然后导航视图。

我正在努力弄清楚是使用NavigationView还是卡（用于登录）+导航视图（用于休息）或任何其他方法。

如果我从NavigationView开始，则返回按钮出现在顶部，我不想在第二个视图上显示。不知道如何隐藏它所以我可以使用像卡（登录）+导航视图。

非常感谢帮助。

Answer 1

创建登录视图。

从您的登录视图中执行您的ajax请求。

如果成功登录，那么您可以执行以下操作：

Ext.Viewport.animateActiveItem(Ext.Viewport.getComponent('mainPanel'), { type: 'slide'});

这将为您的mainPanel设置动画并将其滑入视图中。假设您的'mainPanel'是您的导航视图。导航视图将从其默认位置开始，没有后退按钮。您现在可以将视图推送到导航视图中。

来自控制器：

config: {
    refs: {
        mainPanel: 'main'
    },

    control: {
        "list": {
            itemtap: 'onListItemTap'
        }
    }
},

onListItemTap: function(dataview, index, target, record, e, options) {
    var myNewView = Ext.create('MyApp.view.Testview');
    this.getMainPanel().push(myNewView);
}

稍后，如果需要，您可以随时切换回登录视图：

Ext.Viewport.setActiveItem(0);

或

Ext.Viewport.setActiveItem(Ext.Viewport.getComponent('MyLoginpanel'))

Sencha Touch 2 - 使用导航视图

1 个答案: