cordova - 从“视图”单击按钮时调用“控制器”方法

Question

我添加了一个按钮，如下面的代码所示，我添加了id:'submitBtn'因此当单击此按钮时，控制器类MyController将被调用并执行。

1.) 代码如何知道它应该去执行 Controller 类？

{
                   xtype:'button',
                   {
                   xtype:'button',
                   id:'submitBtn',
                   text:'Send',
                   ui:'confirm',
                   padding:5
                   text:'Send',
                   ui:'confirm',
                   padding:5
}

为了检查一切是否正常，我检查了控制器类是否被调用；这是代码；

MyController.js

Ext.define('app.controller.MyController', {
           extend: 'Ext.app.Controller',

       config: {
       refs : {
       submitBtn: '#submitBtn'
       },

       controls : {
       submitBtn: {
       onTap: 'submitData'
       }
       },
       },

       submitData: function() {
       var form = Ext.getCmp('form-id');
       alert("Came here!");

       var formvalues = form.getValues();

       // Web Service code goes here ..
       Ext.Ajax.request({
                        params: formvalues,                     
                        url:'http://mywebservice.com/web_ser'

                        success : function() {
                        Ext.Msg.alert('Success');
                        }

       }
       });

但是，没有显示警报。我认为没有调用控制器类。

在app.js类中，我添加了控制器，如下所示；

views: ['Main','Home', 'Contact'],
    controller:['MyController'],

帮助 ？

Answer 1

在MyController.js,

改变

1. controls: 到 control:和
2. onTap :到tap :

&它现在应该可以工作了。

代码如何知道它应该去执行 Controller 类？

Check out the documentation of controller for neat & complete explanation