Extjs4-远程验证

Question

我想要一个用于文本字段的远程验证器。我的PHP返回true/false值。我已经尝试过这样的事情:

{
   xtype: 'textfield',
   fieldLabel: 'Field',
   allowBlank: false,
   validator : function(value) {
      Ext.Ajax.request({
      url: 'psc/validate',
      params: { psc: value },
      success: function(response){
       return response.responseText                             
      }
      });
   });
}

问题在于ajax请求是异步的，并且验证器给出“未定义的值”错误。有回调吗？因此，默认情况下，我将返回false，并在ajax调用完成后使textfield有效。

我已经尝试过使用google进行extjs远程验证，但是关于它的内容并不多。

有人帮助或建议吗？谢谢。

Answer 1

也许您不应该使用验证器，然后在文本字段的更改中添加一个列表器，并使用markInvalid和clearInvalid方法显示验证。

{
   xtype: 'textfield',
   fieldLabel: 'Field',
   allowBlank: false,
   textValid: false,
   validator: function(){
       return this.textValid;
   },
   listeners : {
     'change': function(textfield,newValue,oldValue) {
        Ext.Ajax.request({
          url: 'psc/validate',
          params: { psc: value },
          scope: textfield,
          success: function(response){
             if (response.responseText){
               this.clearInvalid();
               this.textValid = true;
             } else {
               this.markInvalid('field is not valid');
               this.textValid = false;
             }                             
          }
        });
      }       
   }
}

我还没有尝试过，但可以为您辩护

编辑我对代码进行了一些修改，以包括验证程序。