extjs 6.2 moderne form hinzufügen eigenen validator

Question

Wie kann ich einen eigenen form validator in extjs 6.2.0 moderne anwendung? Im klassischen:

validator : function(value){ 
    //do something 
}  

Answer 1

hängt Dies ist sicherlich auf dem, was Sie wollen, aber zum Beispiel was habe ich vor kurzem mit einem Ansichtsmodell wurde das Hinzufügen Validator mit Bindung (scheint in klassischen und modernen Toolkits zu arbeiten). Dies ist für Ihre Anforderungen möglicherweise zu kompliziert, aber es sieht so aus, als ob die Bindung von ViewModel mit Formel gut für die E-Mail-Validierung geeignet ist.

Form:

Ext.define('App.login.LoginForm', { 
    extend: 'Ext.form.Panel', 

    requires: [ 'App.login.LoginModel' ], 
    viewModel: { 
     type: 'login' // references alias "viewmodel.login" 
    }, 

    layout: 'vbox', 
    defaultType: 'textfield', 
    items: [{ 
     name: 'login', 
     itemId: 'login-fld', 
     bind: '{credentials.login}' 
    },{ 
     inputType: 'password', 
     name: 'password', 
     bind: '{credentials.password}' 
    },{ 
     xtype: 'button', 
     text: 'Submit', 
     action: 'save', 
     bind: { 
      disabled: '{!isCredentialsOk}' 
     } 
    }] 
}); 

Ansichtsmodell:

Ext.define("App.login.LoginViewModel", { 
    extend: "Ext.app.ViewModel", 
    alias: 'viewmodel.login', 

    links: { 
     credentials: { 
      reference: 'App.login.LoginModel', 
      create: true 
     } 
    }, 

    formulas: { 
     isCredentialsOk: function (get) { 
      return Boolean(get('credentials.login') && get('credentials.password')); 
     } 
    } 

}); 

Modell:

Ext.define('App.login.LoginModel', { 
    extend: 'Ext.data.Model', 

    fields: [ 
     { name: 'login', type: 'string', allowBlank: false }, 
     { name: 'password', type: 'string', allowBlank: false } 
    ], 

    validators: [ 
     { field: 'login',  type: 'presence', message: 'Login empty' }, 
     { field: 'password', type: 'presence', message: 'Password empty' } 
    ] 
});