model-view-controller - Sencha Touch 2.0 Controller refs 属性不起作用？

Question

我想知道 Sencha Touch 类“Ext.app.Controller”的“refs”属性。
我看到了一个视频教程，其中构建了一个简单的 contactForm。不，我尝试为我的应用程序构建联系表单，但出现错误:“未捕获的类型错误:对象 [对象对象] 没有方法‘getContactForm’”

这是我的 Controller

Ext.define('MyFirstApp.controller.Main', {
extend: 'Ext.app.Controller', 
views: ['Viewport', 'Home'],

refs: [
     {
         ref: 'contactForm',
         selector: '#contactForm'
     }
],

init: function() {
    this.control({
        'button[action=submitContact]': {
            tap: 'submitContactForm'
        }
    });
},

submitContactForm: function() {
    var form = this.getContactForm();
    form.submit({
        url: 'contact.php'
    });
}

});

我猜'refs'有问题，在视频中那个人说由于“contactForm”的“ref”属性将创建“getContactForm”方法，但事实并非如此。我在这里做错了什么？..谢谢你的帮助!

Answer 1

看起来好像您的 refs 配置错误。这是一个简单的 Controller :

Ext.define('App.controller.Main', {
  extend: 'Ext.app.Controller',
  config: {
    refs: {
      main: 'mainpanel'
    }
  }
});

mainpanel是 xtype或者可以是 css 选择器和 main会给你 getMain()就像视频中所说的那样。