フォームの提出6

Question

私は、成功と失敗のコールバックを提出することを、私は、フォームを持っている：

ビュー：

Ext.define('App.view.CommentForm', { 
    extend: 'Ext.form.Panel', 
    alias: 'widget.ship-commentForm', 
    url: 'addcomment.php', 
    items: [{ 
     xtype: 'textarea', 
     fieldLabel: 'Comment', 
     name: 'text', 
     allowBlank: false, 
     maxLength: 1000 
    },{ 
     xtype: 'textfield', 
     fieldLabel: 'User name', 
     name: 'username', 
     readOnly: true 
    }], 
    fbar: [{ 
     text: 'Save', 
     formBind: true, 
     itemId: 'submit' 
    }] 
}) 

とコントローラ：

Ext.define('App.controller.MyController', { 
    init: function(){ 
     this.control({ 
      'ship-commentForm button#submit': {click: this.onFormSubmit}, 
... 
    onFormSubmit: function(btn){ 
     var form = btn.up('form').getForm(), 
     me = this, 
     values = form.getValues(); 
     form.submit({ 
      success: function(form, action){ 
       console.log('success') 
      }, 
      failure: function(form, action){ 
       console.log('failure') 
      } 
     }) 
     setTimeout(function(){btn.up('window').close()}, 100) 
    }, 

これが働いている間ExtJs4のExtJs4ですばらしいことですが、フォームは必要に応じて送信されますが、成功と失敗のコールバックはもう呼び出されません。これはまだthe documentation of submit()に従って動作するはずです。

N.B.サーバーは有効なJSON文字列が含まれている応答：

{"success":true,"msg":"Comment saved"} 

編集： setTimeout(btn.up('window').close(), 100)

Answer 1

代わりのsetTimeoutを使用してウィンドウを閉じて、それを作る：私はちょうど私が問題であることを疑うコントローラにコードを追加しましたform.submit()の成功のコールバックであなたの問題を解決するはずです。

form.submit({ 
    success: function(form, action){ 
     btn.up('window').close() 
    }, 
    failure: function(form, action){ 
     console.log('failure') 
    } 
})