[OPEN][2.*/3.0] Standard submit of form does not set form action in dom

[end-user]

I think, I too am suffering from this one. However, here's a complication. Everything works fine when I POST, but I'm having trouble with GET.

myObj.getForm().getEl().dom.action=myObj.url

shows me

<form style="display: none;" id="ext-gen92" method="get" class="x-panel-body x-panel-body-noheader x-panel-body-noborder x-form" action="/path/page.php?date=2/10/2009"><input type="hidden" name="ext-comp-1019" id="ext-comp-1019" autocomplete="off" size="20" class="x-form-hidden x-form-field x-item-disabled" disabled=""/><input type="hidden" name="keyword" id="ext-comp-1024" autocomplete="off" size="20" class="x-form-hidden x-form-field" value="21"/></form>

(that's a form, with an action, method: get, a hidden/disabled field, and a hidden regular field)

However, when I myObj.getEl().dom.submit() it, my URL "date" value is stripped out, not appended. I know if I create a straight HTML form, the submit works fine. What am I missing?

[evant]

Have you grabbed the latest build? There was a fix in there about encoding dates using GET.

[end-user]

latest build, no. I'm using 2.2. However the fact that my example uses a date not withstanding, the issue remains with any query string.

[Animal]

I think, I too am suffering from this one. However, here's a complication. Everything works fine when I POST, but I'm having trouble with GET.

myObj.getForm().getEl().dom.action=myObj.url

shows me

<form style="display: none;" id="ext-gen92" method="get" class="x-panel-body x-panel-body-noheader x-panel-body-noborder x-form" action="/path/page.php?date=2/10/2009"><input type="hidden" name="ext-comp-1019" id="ext-comp-1019" autocomplete="off" size="20" class="x-form-hidden x-form-field x-item-disabled" disabled=""/><input type="hidden" name="keyword" id="ext-comp-1024" autocomplete="off" size="20" class="x-form-hidden x-form-field" value="21"/></form>

(that's a form, with an action, method: get, a hidden/disabled field, and a hidden regular field)

However, when I myObj.getEl().dom.submit() it, my URL "date" value is stripped out, not appended. I know if I create a straight HTML form, the submit works fine. What am I missing?

Slashes are part of a URL!

[end-user]

*sigh* Ok, how about this one:

myObj=new Ext.FormPanel({
renderTo:Ext.getBody(),
url:'/foundry/test.cfm?example1=true',
standardSubmit:true,
method:'GET',
defaultType:'hidden',
items:[{name:'example2',value:99}]
})
myObj.getForm().getEl().dom.action=myObj.url

creates this markup:

<form id="ext-gen167" method="get" class="x-panel-body x-panel-body-noheader x-form" action="/foundry/test.cfm?example1=true"><input type="hidden" name="example2" id="ext-comp-1025" autocomplete="off" size="20" class="x-form-hidden x-form-field" value="99"/></form>

Then, when I use either of these:

myObj.getForm().getEl().dom.submit()
myObj.getForm().submit()

I'm sent to "/foundry/test.cfm?example2=99", not "/foundry/test.cfm?example1=true&example2=99" as I would expect.

[end-user]

Nevermind. Apparently a

<form method="get" action="test.cfm?test1=red">
	<input name="test2" value="blue">
<input type="submit">
</form>

drops the url data, too.

[Animal]

Have you checked what the packet looks like with Fiddler?

[Animal]

This is still biting people who do not use Ext's native Ajax submission, but who use standardSubmit: true

They have to programmatically poke the URL into the action attribute of the DOM element!

[Animal]

Shameless bump!

    initComponent :function(){
        this.form = this.createForm();
        Ext.FormPanel.superclass.initComponent.call(this);

        this.bodyCfg = {
            tag: 'form',
            cls: this.baseCls + '-body',
            method : this.method || 'POST',
            id : this.formId || Ext.id()
        };
        if(this.fileUpload) {
            this.bodyCfg.enctype = 'multipart/form-data';
        }
        if(this.standardSumbit && this.url) {
            this.bodyCfg.action = this.url;
        }
        this.initItems();
        
        this.addEvents(
            /**
             * @event clientvalidation
             * If the monitorValid config option is true, this event fires repetitively to notify of valid state
             * @param {Ext.form.FormPanel} this
             * @param {Boolean} valid true if the form has passed client-side validation
             */
            'clientvalidation'
        );

        this.relayEvents(this.form, ['beforeaction', 'actionfailed', 'actioncomplete']);
    },

[arnold]

Thanks animal for bumping this thread. Bump!
Not supporting url as the action of standardSubmit:true is counterintuitive
from my perspective.