Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>You are really just misusing <code>waitMsg</code> in the following ways:</p> <ol> <li><code>waitMsg</code> is not a config option of <code>Ext.form.Basic</code> OR <code>Ext.form.Panel</code>. The <code>waitMsg</code> must be set within your <code>Ext.form.action.Submit</code>. This is why setting it in the view will never work.</li> <li>In your controller you are doing the same thing and setting the <code>waitMsg</code> as if it were a property of <code>Ext.form.Basic</code>.</li> </ol> <p>The fix is simple. Set <code>waitMsg</code> in your <code>Ext.form.action.Submit</code>. So, just change the line(s) within <code>form.submit()</code> to something like:</p> <pre><code>form.submit({ waitMsg: 'Sending...', success: function(form, action) { Ext.Msg.alert('Success', action.result.msg); }, //..... your other stuff here }); </code></pre> <p>and remove these lines from the controller:</p> <pre><code>form.getForm().waitMsgTarget = form.getEl(); form.getForm().waitMsg = 'Sending...'; </code></pre> <p>and for completeness remove these 2 line from the view (you have <code>waitMsgTarget</code> in there twice):</p> <pre><code>waitMsgTarget: true, waitMsg: 'Sending...', </code></pre> <hr> <p><strong>NOTE</strong>: To define the <code>waitMsgTarget</code> to something other than the form itself you must pass in the <strong>id</strong> of the target. </p> <p>For example, in your view (ie form definition) you would want to change <code>waitMsgTarget: true</code> to:</p> <pre><code>waitMsgTarget: 'myWindowID', //where myWindowID is the id of the container you want to mask </code></pre> <p>For reference, see: <a href="http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.action.Submit" rel="nofollow">http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.action.Submit</a> and <a href="http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Basic" rel="nofollow">http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Basic</a></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload