[CLOSED]BasicForm submit hangs at WaitMsg; same Code worked with older ExtJS versions

[callisto79]

Ext version tested:

• Ext 3.2.1

Adapter used:

• ext

css used:

• only default ext-all.css

Browser versions tested against:

• FF3 (firebug 1.3.0.10 installed)
• Chrome

Operating System:

• Win Vista

Description:
Hi,



I'm having the following code that worked a 100% when using it with older ExtJS version:

- With 2.2.1 it definitly worked

- With 3.0 I'm not quite sure

Ext.addFriendWindow = new Ext.Window({

        applyTo     : 'request-win',

        layout      : 'fit',

        width       : 330,

        height      : 220,

        closeAction :'hide',

        plain       : true,

        items       : new Ext.Panel({

            applyTo        : 'request-panel',

            deferredRender : false,

            border         : false

        }),



        buttons: [{

            text     : 'Join Place',

            handler  : function(){

                Ext.addFriendWindow.hide();



                var form = document.createElement('form');

                form.setAttribute('method', 'POST'); // needed for IE

                document.body.appendChild(form);



                var message = document.getElementById('messageTextarea').value;



                var basicForm = new Ext.form.BasicForm(form, {

                    url: 'json/place_invitations.php'

                });



                basicForm.submit({

                    params:{

                        email: email, 

                        post: 'place_request',

                        email_hash: email_hash,

                        pid: placeId,

                        message: message

                    },

                    success: function() {

                        ...

                        document.body.removeChild(form);

                    },

                    failure: function() { Ext.Msg.alert('Error', 'Could 
not make Place Confirmation Request.'); 
document.body.removeChild(form);},

                    waitMsg: 'Saving Place Confirmation Request...'

                });

            }

        },{

            text     : 'Close',

            handler  : function(){

                Ext.addFriendWindow.hide();

            }

        }]

    });

    Ext.addFriendWindow.show();

Now, the whole things hangs at the waitMessage.

And the URL is NEVER called via XHR/Ajax: 'json/place_invitations.php'



Thx for any help. I posted this in the bug section, since I've not
changed a single within this code AND when migrating to 3.2.1 this code
suddenly didn't work anymore..



Best regards,

Tim

Debugging already done:

• none

Possible fix:

• not provided

[Condor]

Please follow the bug posting guidelines.

Notes:
1. Why are you even creating a <form> element? Why not simply use Ext.Ajax.request?
2. You can't use renderTo or applyTo inside a layout. You could use 'el' instead, but I wouldn't recommend this method.

[callisto79]

ad 1) changed successfully to Ext.Ajax.request. Now it works. Thx.. (this approach certainly makes more sense..)
ad 2) but applyTo works in my case. What are the flaws/restrictions/problems if I continue to use it. What other alternatives are there (besides el, that you don't recommend)?

Thanks in anyway for your help.
Tim

[Condor]

When you use 'applyTo' it will first render the panel to the 'request-panel' and then move it to the layout.
Using 'el' it will first move the 'request-panel' element to the layout and then render the panel.

Both methods will work, but on slow browsers the second one looks better.

What does 'request-panel' contain? If it only contains Ext components then you shouldn't be using renderTo/applyTo/el at all, but use items instead.