Question

I’m submitting a form, but magically my form values don’t get posted.
The onBeforeSubmit fires with the expected values and I can even do this.getValues() just before this.submit()

MyForm= function(config){
if ( typeof config !== 'object' ) { 
config.url='test.php';
// config.standardSubmit = true;
config.items= [{
    xtype: 'fieldset',
    title: 'Login Details',
    instructions: 'Please enter the information above.',
    defaults: {
        required: true,'
    },
    items: [{
        xtype: 'textfield',
        name : 'username'
    }, {
        xtype: 'passwordfield',
        name : 'password'
    }]
}];
var tbarBottom = {
    xtype: 'toolbar',
    dock: 'bottom',
    items: [{
        text: 'Login',
        ui: 'confirm',
        handler: function() {
            this.onLoginClick();
        },
        scope: this
    }]
};
config.listeners= {
    beforesubmit: function(formpanel, values, options) {
    console.log(values);//yup they are there

    },
    scope:this
}
config.dockedItems= [tbarBottom];

MyForm.superclass.constructor.call(this,config);
};


Ext.extend( MyForm, Ext.form.FormPanel,{

onResetClick: function() {
    this.reset()
},
onLoginClick: function() {
    console.log(this.getValues());//yup they are there
    this.submit()
}

});

TL;DR This submits to the server, but I have no values being posted, do you have any idea why?

Answer 1

As per http://docs.sencha.com/touch/1-1/#!/api/Ext.data.Request-cfg-method the default for method is GET, it should be changed to POST in the config obj. (Eg config.method='POST') and off you go