sencha-touch-2 - 如何在sencha touch 2中单击按钮打开新视图

Question

我有两种观点

1. 带有项目字段集和按钮的 Search.js
2. ContactList.js 与联系人列表

我有一个控制器 Main.js

我想在 Sencha Touch 2 中实现一个功能，当单击 Search.js 上的按钮时，应该显示来自 ContactList.js 的联系人列表。我该怎么做呢？

Answer 1

首先，在视图中的“搜索”按钮中添加一个操作或一个 ID

{
    title: "My Button",
    xtype: 'button',
    action: 'call-contact-list',
}

然后在您的控制器中，您需要实现单击按钮时会发生什么。以下面的代码为例。代码需要在控制配置中：

control: {
   'button[action=call-contact-list]': {
            tap: 'myFunction'
        }
}

myFunction: function() {
    //Code to run when the button has been clicked. 
    //In this case, loading ContactList.js which should be something like this:
     Ext.Viewport.add({
         xtype: 'contactlist' //the xtype for the ContactList.js
     });
},