title: ExtJs FormPanel - How to submit form using buttons declared inline?
body: <p>I'm getting started with ExtJs. I'm building a very simple login form:</p>
  
  <pre><code>Ext.onReady(function () {
  
      Ext.QuickTips.init();
  
      // turn on validation errors beside the field globally
      Ext.form.Field.prototype.msgTarget = 'side';
  
      var loginForm = new Ext.form.FormPanel({
          url: '/Account/Login',
          monitorValid: true,
          labelWidth: 75,
          frame: true,
          title: 'Login',
          width: 250,
          defaultType: 'textfield',
          defaults: { allowBlank: false },
  
          items:
          [{ fieldLabel: 'Username', name: 'username' },
          { fieldLabel: 'Password', name: 'password', inputType: 'password'}],
  
          buttons:
          [{
              text: 'Login',
              formBind: true,
              handler: function (btn, evt) { /* how do i submit the form? */ }
          }]
  
      });
  
      loginForm.render(document.body);
      loginForm.el.center();
  });
  </code></pre>
  
  <p>As you can see in the login button's handler function, I'm not quite sure how to submit the form. I have been pouring through the API documentation and have found some information about using the FormPanel's internal BasicForm submit method, but I'm not quite sure how to get at it. What am I missing?</p>