如何在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
     });
},