Mise en place des dx-validator

A l'intérieur d'une zone de saisie devetrem (<dx-text-box>, <dx-check-box>, <dx-date-box>…), il est possible de mettre en place des validateurs de saisie
il se présente sous la forme

  <dx-validator validationGroup="infoBanque">
       <dxi-validation-rule type="custom" [validationCallback]="customValidator.isValidBicFromDx" message="Le BIC est invalide"/>
  </dx-validator>

• infoBanque corresponds au nom d'un groupe de validateur (dans le cas général on peut utiliser le même pour tous ceux d'un composant simple
• custom corresponds au type de validation que l'on souhaite (cf plus loin)
  • ici custom = un validateur maison (il est déclaré dans [validationCallback]=“customValidator.isValidBicFromDx”)

Pour aller plus loin :

• Validateurs DevExtreme (Validation Rules)
• les validateurs “custum” doivent être déclaré dans la bibliothèque dans custom-validation-rule.ts et donc appelé via le service customValidatorService
• Cas particulier des dates

Comme on l'a vu plus haut les validators sont regroupés en validationGroup
Dans le composant on va déclaré une série de procédures (pour une meilleur lecture on essaye de garder la nomenclature)

  private Notification= inject(NotificationService) 
  
  ngAfterViewInit() {
    //votre code ici si besoin
    this.triggerValidation();
  }

  private triggerValidation() {
    this.Notification.analyseStockValidation("infoBanque","Information bancaires");
  }
  
  handleInfoBanqueChanged() {
    // votre code si beoin
    this.triggerValidation();
    this.infoBancairesChange.emit(JSON.stringify(this.infoBanque))
  }
  

    test_warning(){
        this.Notification.videWarning();
        if (this.personne.dateFinConservation) {
            const aujourdhui = new Date(); aujourdhui.setHours(0, 0, 0, 0);
            if (this.personne.dateFinConservation && new Date(this.personne.dateFinConservation) < aujourdhui) {
                this.Notification.ajouteWarning('RGPD','La date de fin de consentement de cette personne est dépassée')} 
            else {
                const bientot = new Date(); aujourdhui.setHours(0, 0, 0, 0); bientot.setMonth(bientot.getMonth()+6); 
                if (this.personne.dateFinConservation && new Date(this.personne.dateFinConservation) < bientot) {
                    this.Notification.ajouteWarning('RGPD','La date de fin de consentement de cette personne va bientôt être dépassée')
                }
            } 
        } else {this.Notification.ajouteWarning('RGPD',"La date de fin de consentement de cette personne n'est pas initialisée")}
    }

  private triggerValidation() {
    this.Notification.analyseStockValidation("infoIdentification","Information d'identicateur");
    if ((this.SIREN=="")&&(this.RNA=="")) {
      this.Notification.ajouteErreur("infoIdentification","Veuillez saisir au moins un des champs SIREN ou RNA")
    }
  }

Il publie plusieurs fonctions :