Extjs4 - remote validation

Ich würde gerne mit einem remote-validator verwenden Sie für ein textfield. Meine PHP-returns-true/false-Wert. Ich habe versucht, so etwas wie dieses:

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

Das problem ist, dass ajax-request ist asynchonous und der validator gibt "Werte" nicht definiert" - Fehler. Gibt es eine callback? Also ich würde false zurückgeben, indem Sie die Standardeinstellungen und textfield gültig, wenn der ajax call fertig werden würde.

Ich habe versucht, google für extjs remote-Validierung, aber es ist nicht viel über Sie.

Jemand helfen, oder Anregungen? Danke.

InformationsquelleAutor gotroch | 2011-11-14
  1. 11

    vielleicht sollten Sie nicht verwenden die validator dann, fügen Sie einen listner auf änderung für das Textfeld, und verwenden Sie die Methoden markInvalid und clearInvalid für die Anzeige der Validierung.

    {
   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;
             }                             
          }
        });
      }       
   }
}

    Habe ich noch nicht ausprobiert, aber könnte arbeiten für Ihr Leitbild,

    BEARBEITEN ich habe einige änderungen an dem code, der validator..

    • Ich danke Ihnen sehr für Ihre Antwort. Dies funktioniert nur, während der Eingabe in das Textfeld. Das textfield wird immer markiert als gültig, wenn das textfield-Objekt verliert den Fokus. Ich fürchte, dass dies auch nicht lösen, form.isValid() für das Formular Absenden.
    • Dank nscrob! Sie haben made my day!
    • Funktioniert nicht für mich auf ExtJS v4.1.0. Erstens, es ist vielleicht ein Fehler. Ich nahm params: { psc: value } sollte eigentlich params: { psc: newvalue }. Zweitens, mein Feld blieb auf ungültig., auch wenn der JSON-Wert true zurückgegeben.
    • Zuerst von allen, haben Sie überprüft, warum es hängengeblieben ist ungültig? Den code Debuggen, und sehen, ob es reicht clearinvalid nennen. Zweite .. erwarten Sie zu finden, hier Beispiele zu arbeiten, genau für Sie, oder Lösungen für ein problem?
    InformationsquelleAutor nscrob
  2. 0

    JS:

    {
 fieldLabel : 'Username',
 name : 'username',
 allowBlank : false,
 validFlag : true,
 validator : function() {
  return this.validFlag;
 },
 listeners : {
  'change' : function(textfield, newValue, oldValue) {
   var me = this;
   Ext.Ajax.request({
    url : 'rest/users?action=validate&username=' + newValue,
    success : function(response) {
     //Ausuming responseText is {"valid" : true}
     me.validFlag = Ext.decode(response.responseText).valid ? true : 'The username is duplicated!';
     me.validate();
    }
   });
  }
 }
}

    diesen html-code habe ich getestet(extjs version ist 5.0) ,ist ok ,es ist aus TonyTuan'sBlog ,
    all dies können Sie unter diesem link :
    http://code.tonytuan.org/2013/06/extjs-remote-validator-for-form-field.html

    InformationsquelleAutor atarky S
Schreibe einen Kommentar