フォームを無効としてマーク

Question

FormPanelの私のフィールドに、リスナーblurを追加しました。このイベントは次のように私は、フォームの検証を実行発生した場合：

listeners:{ 
    scope: this, 
    blur: function(field, value){ 
     var username = field; 
     if (username.getValue() == '') { 
      username.markInvalid('This field is required'); 
     } else { 
      Ext.Ajax.request({ 
       url: 'users/validateForm', 
       method: 'POST', 
       params: 'username=' + username.getValue(), 
       success: function(response, opts) { 
        var jsonData = Ext.decode(response.responseText); 
        if (jsonData.msg.username != '') { 
         username.markInvalid(jsonData.msg.username); 
        } 
       } 
      }); 
     } 
    } 
} 


buttons: [{ 
    text: 'Save', 
    handler: function() { 
     var form = this.up('form').getForm(); 
     if (form.isValid()) { 
      alert('test'); 
     } 
    }, 
    formBind:true 
},{ 
    text: 'Cancel' 
}] 

のExt JSの文書が説明するように、markInvalid()関数はフィールド自体に影響を与えます。しかし、フォームが無効な場合は、送信ボタンが無効になるように、フォームを無効に設定したいと考えています。現在、フォームのisValid（）関数は、フィールドが無効としてマークされていますが、常にtrueを返します。

私の質問は今、どのようにしてフォームが上記のコードでも無効として設定されるようにすることができますか？

ありがとうございました！

Answer 1

フォームでhasInvalidField()メソッドを使用できるようになります。たとえば、次のドキュメントから

var form = this.up('form').getForm(); 
if (form.hasInvalidField()) { 
    alert('test'); 
} 

：フォームは無効なフィールドが含まれている場合

はtrueを返します。