cordova - 煎茶导航

Question

我的应用程序中有两个 .JS 文件。一个用于登录表格，另一个用于注册表格。有一个按钮导航到注册表单？但我不知道如何从登录页面导航到注册页面。谢谢你！！

Answer 1

你需要有一个包含两个项目的 Ext.Panel

var panel = Ext.Panel({
    fullscreen: true,
    layout: 'card',
    cardSwitchAnimation: 'fade',
    items: [
        login,
        signup
    ]
});

然后将处理程序添加到 Ext.Button 并向其中添加以下内容：

panel.setActiveItem(signup);

或者

panel.setActiveItem(login);

希望这可以帮助

Answer 2

有一个名为 navigationView 的容器，用于在视图之间切换。单个应用程序中有多个视图，通过导航视图可以在应用程序中的多个视图之间切换。

您可以在此处参考一些示例代码：

http://docs.sencha.com/touch/2-0/#!/example/oreilly

和

http://docs.sencha.com/touch/2-0/#!/example/navigation-view

当用户点击列表的任何项目时，这两个示例切换视图。我们可以通过处理 sencha touch 2.0.0 的所有可用/支持的工具/小部件的 tap/itemTap/itemSingleTap/itemDoubleTap 或许多其他事件来实现切换视图。

通过实现导航视图有推送方法，新视图将推送到屏幕上。

希望您可以通过以下代码示例来理解它：

- take your main view as navigationView .
- put the button into the navigationView .
- write the following code into tap-listener of your button

this.up('your navigationView xtype').push({
     xtype: 'xtype of the view at which you wanna go by button tap'<br>
});