|{{:undo-2.svg?30|}}| [[certif:do#procedures|Retour au Dossier Organisationnel]]|
|{{:connexe.jpg?40|}} **Sujets connexes**|[[certif:procedure:develop:angular]]\\ [[certif:procedure:develop:angular:validator-detail]]|
====== Mise en place des dx-validator ======
===== Les différents 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
<code>
  <dx-validator validationGroup="infoBanque">
       <dxi-validation-rule type="custom" [validationCallback]="customValidator.isValidBicFromDx" message="Le BIC est invalide"/>
  </dx-validator>
</code>
  * **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 :__
  * [[certif:procedure:develop:angular:validator-detail]]
  * les validateurs "custum" **doivent** être déclaré dans la bibliothèque dans **custom-validation-rule.ts** et donc appelé via le service **customValidatorService**  
  * [[certif:procedure:develop:angular:validator-date]]

===== L'organisation des tests =====
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)
<code>
  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))
  }
  </code>
==== Le service "Notification" ====
Il publie plusieurs fonctions :
|analyseStockValidation(validateGroup:string, nomBloc:string)|**validateGroup** est le nom du groupe de test (on peut en avoir plusieurs dans un même composant)\\ **nomBloc** sert à l'affichage à indiquer à l'utilisateur ou se trouve les champs à corriger|