Unanswered: Form Submit Event behavior is confusing
In HTML, an onsubmit event is called whenever the form is submitted, no matter which event triggers the submit (hitting "return" in a field, clicking the "GO" button on the virtual keyboard, clicking on a submit button in the form...).
The onsubmit event allows me to return true, in which case the normal submit action is taken by the browser, or false, in which case the form is not submitted at all and processing stops.
I started out with a simple login form, two fields, one button. Touching the button on its own did not submit the form, even though the button was within the form panel.
Fine, I wrote a touch handler to do the submit action. But when I deploy to Android, I find that touching the "GO" button on the keyboard to submit the form has no effect... so I changed my button's touch handler to:
var form = Ext.getCmp('login_form');
and I moved the code into the submit event handler for the form.
This fails and I get an error in the console "No value for url specified". More amazingly, it is called from the beforeSubmit handler.
What I want to happen is for both the login button, and the Android's "GO" button, and any other normal form submitting mechanism to fire the same chunk of code in which I do my validations, make a JQuery.getJSON call for some config info, and then if the credentials are honored, I configure all my Store's and change to the first page of the app.
I find the documentation on how form events are handled to be very lacking in how this is supposed to work and how Sencha Touch's concepts map to HTML forms concepts.