0

我一直在研究如何在 Sencha Touch 上使用 MVC 引用按钮的方法，但是由于我在视图的构造函数上声明了所有控件，因此没有一篇文章对我有用。

这是我的代码示例：

Ext.define('TPTMOBILE.view.Login',{
    extend: 'Ext.Panel',
    ...
    config: {
        ...
    },

    constructor: function(){
        var submitButton = Ext.create('Ext.Button', {
            text: 'Login'
        });
    }

});

所以我想知道如何引用我的“submiButton”按钮的 onTap 方法。

提前致谢。

4

1 回答 1

2

您的构造方法将不起作用，请尝试以下方法：

constructor: function(config){
    this.callParent(config);
    this.add(
        {
            xtype: "button",
            text: 'Login',
            action: 'doTap'
        }
    );
}

您的constructor方法必须包含一个调用callParent，以便将配置对象传递给父构造函数，否则它将不起作用。

之后，您有几种方法可以onTap在按钮上实现您的方法，但是由于您想在 Sencha Touch 上使用 MVC，因此您可以为按钮设置操作

action: 'doTap'

然后在您的控制器中，您可以在点击该按钮时执行以下操作来运行您的代码：

refs: {
    doTap: 'button[action=doTap]'
},

control: {
    doTap: {
        tap: 'doTap'
    },
},

doTap: function() {
    alert('doTap function activvated');
}

希望能帮助到你 ：）

于 2012-10-16T15:33:40.780 回答