如何在Sencha Touch 2中点击按钮打开新视图 [英] How to open a new view on button click in sencha touch 2

问题描述

我有两个视图

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

我有一个控制器Main.js

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

推荐答案

首先，将操作或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
     });
},

这篇关于如何在Sencha Touch 2中点击按钮打开新视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！