DynamicSelect Validasyon

DynamicSelect için validason desteklenmektedir. Aşağıdaki kod blogünda validasyon görülebilir.

• core paketi versiyonu 13.0.72 veya daha büyük olmalıdır.
• [required]="true" => Bu property alanı zorunlu olarak işaretleyecektir.
• [isShowValidationMessage]="true" => Bu property validasyon mesajının gösterilip gösterilmemesini belirler
• [alpataForm]="MySelectForm" => Form başlagıncındaki form belirtecidir.
• [isSubmit]="MySelectForm?.submitted" => Form başlagıncındaki form belirtecinin submit durumu
• [(dynamicSelectIsValid)]="dynamicSelectIsValid" => İlgili alanın valid olup olmadığını belirtir. Form submit fonksiyonunda bu alanın true olması kontrol edilmelidir.

<form #alpataForm="ngForm" (ngSubmit)="onSubmit()">
  <app-dynamic-select [getWithFilterApi]="'/api/v1/Customer/CustomerMaster/GetWithFilter'"
    [seciliId]="15" [placeholder]="'Arama metni giriniz'" [filtreProperty]="'Unvan'" [bindValue]="'Id'"
    [bindLabel]="'Unvan'" [name]="'item.BagliC4ariId'" [withFilterExtraFilter]="multipleFilter"
    [isShowValidationMessage]="true"
    (secimDegisim)="secimDegisim($event)" [alpataForm]="alpataForm" [isSubmit]="alpataForm?.submitted"
    [(dynamicSelectIsValid)]="dynamicSelectIsValid" [required]="true">
  </app-dynamic-select>
</form>

  @ViewChild('alpataForm', { static: false })
  alpataForm: NgForm;

  dynamicSelectIsValid : boolean;

  onSubmit() {
    if (this.alpataForm.form.invalid || !this.dynamicSelectIsValid) {
      // Form valid değil
      return;
    }

    console.log('Form validasyonu başarılı');
  }