Submit button error

[samwalker121]

This submit button won't work and I can't figure out why..?

{
                    text: 'Submit',
                    
                    handler: function () {
                        app.elements.grid.commitChanges(app.elements.mainWindow.getForm());
                        method: 'POST';
                        action: 'test.php';
                    }
                }

Should be simple shouldn't it? What could it be?

[new2ext]

For starters, you should read the API. Your mixing and matching options that don't belong.

Your button handler() should be calling your form's submit().
http://extjs.com/deploy/dev/docs/?cl...&member=submit

Submit options
http://extjs.com/deploy/dev/docs/?cl...ember=doAction

[samwalker121]

Thanks new2ext, however I don't quite understand what you are saying.

Should I do this?

{
                    text: 'Submit',
                    
                    handler: function () {
                    myFormPanel.getForm().submit({
    app.elements.grid.commitChanges(app.elements.mainWindow.getForm());
                        method: 'POST';
                        action: 'test.php';
                    }
}
                }

Please tell me what I'm doing wrong Much appreciated.

[new2ext]

Look at your code and ask your self what each line does.

{
  text: 'Submit',
  handler: function () {
    myFormPanel.getForm().submit({
      app.elements.grid.commitChanges(app.elements.mainWindow.getForm());  //Why do you have this?
      method: 'POST';
      action: 'test.php';  //Why do you have this?
    }
  }
}

Use the API. The submit() accepts the following options
http://extjs.com/deploy/dev/docs/?cl...ember=doAction

1. url
2. method
3. params
4. headers
5. success
6. failure
7. scope
8. clientValidation

Compare this list to what your using in your code

[kimosabi]

Thats better, but I don't understand why you are including this line:

app.elements.grid.commitChanges(app.elements.mainWindow.getForm());

If you have a grid that displays data that is saved in the form, you might just want to reload the grid after the form has returned successfully:

{
                    text: 'Submit',
                    
                    handler: function () {
                            myFormPanel.getForm().submit({
                                url: 'test.php',
                                success:function(form,action){
                                      app.elements.grid.reload();
                                }
                            });
                    }
}

Cheers,
Sabi