Sencha在sencha touch中使用控制器的形式submittion 2.3

Question

我有一个sencha应用程序，我在提交表单。 我添加了一个侦听器到我的提交按钮选项卡事件，并在那里提交表单使用Ajax。

我想要的就是现在使用控制器提交表单。我可以如何继续？

Answer 1

您可以：

Ext.define('Myapp.view.Form', { 
    extend: 'Ext.form.FormPanel', 
    xtype: 'my-form', 

    config: { 
     items: [ 
      { 
       xtype: 'textfield' 
       name: 'field1' 
      }, { 
       xtype: 'textfield', 
       name: 'field2' 
      }, { 
       xtype: 'button', 
       text: 'submit', 
       handler: function() { 
        var form = this.getParent(); 
        var values = form.getValues(); 
        form.fireEvent('submitForm', values); 
       } 
     ] 
}; 

..

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

    config: { 
     refs: { 
      myForm: 'my-form' 
     }, 

     control: { 
      myForm: { 
       submitForm: 'submitFn' 
      } 
     } 
    }, 

    submitFn: function(values) { 
     console.log(values); 
    } 
}; 

希望它helps-

Answer 2

你可以像这 -

查看：

Ext.define('Myapp.view.Form', { 
    extend: 'Ext.form.FormPanel', 
    xtype: 'my-form', 

    config: { 
     items: [ 
      { 
       xtype: 'textfield' 
       name: 'field1' 
      }, { 
       xtype: 'textfield', 
       name: 'field2' 
      }, { 
       xtype: 'button', 
       text: 'submit', 
       action: 'submitForm' 
     ] 
}; 

控制器：

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

    config: { 
     refs: { 
      myForm : 'my-form', 
      btnFormSubmit: 'my-form button[action=submitForm]' 
     }, 

     control: { 
      btnFormSubmit: { 
       tap: 'onBtnFormSubmitTap' 
      } 
     } 
    }, 

    onBtnFormSubmitTap: function() { 
     var myForm = this.getMyForm(); 
     var values = myForm.getValues(); 
     myForm.Submit(); 
     console.log(values); 
    } 
}; 

你可以找到关于提交方法，看到myForm.Submit()选项更多的帮助： http://docs.sencha.com/touch/2.3.0/#!/api/Ext.form.Panel-method-submit