BasicDialog: how to submit a form without AJAX.

[moraes]

The short question is...
I have a BasicDialog which element is a form. I want to trigger submit() in the form without using AJAX, and I have no clue which element to use to call submit().

The long question is...
I have some auto-created dialogs which element is a form:

autoCreate: {tag:'form', method:'post', action:'...', name: '...'}

And it is all ok to handle AJAX submissions et al, but guess what, now I can't find a way to submit a form using these dialogs without being async. I've added a 'preventAsync' property to my dialogs to submit the form in the old way and avoid starting the async process:

this.okBtn = this.addButton('OK', this.ok, this);
...
    ok: function() {

        if(this.preventAsync) {
            this.el.submit();
            //this.el.dom.submit();            
            //this.el.dom.form.submit();
            return;
        }
        ...
    }

But I'm really in doubt about what element to use to trigger submit(). I've been trying for a couple of hours to get this simple thing working... so any clues would make me happy. :-)

[Animal]

Submit the form element!

So if you've constructed the dialog from a form as you indicate:

this.getEl().dom.submit();

el is the same as getEl(), so that middle commented line should have worked.

[moraes]

Solved!

Oh well, yes, I've tried that and that's why I was so confused (this.el.dom.submit() should work!). Knowing that I was in the right track helped a lot, thanks.

Now I discovered that the problem was caused by a hidden field with name and id "submit" that the form had (it is generated by a framework which adds the hidden fields to force a default value for submits). I don't know why the hidden field avoids the form submission, but at least now I know that I need to remove it.

[Animal]

That's pretty dumb of the framework to create an input field called "submit"! It's a name collision, so you'll have been trying to call the field, rather than a function.

You should have been getting the error

"this.el.dom.submit is not a function"

In the Firebug console which should have been a clue that the object exists but isn't a function.

[moraes]

That's pretty dumb of the framework to create an input field called "submit"!

It's a pretty smart framework but indeed nobody is perfect! :lol:

I'm writing to the developers to report this problem and see what they think and if the field should be renamed or there are other workarounds. Thanks for the info! :-)

update: they agreed and the hidden field name/id will be changed. ;-)