Doğrulama
DevExtreme'in doğrulama altyapısını saran üç bileşen: LivaValidationGroup
alanları tek bir grup altında toplar, LivaValidator kuralları tanımlar,
LivaValidationSummary kırılan kuralları listeler. Kurallar LivaValidator'ın
validationRules prop'una nesne dizisi olarak verilir ({ type, message, ... });
çocuk (children) olarak değil.
import {
LivaValidationGroup,
LivaValidator,
LivaValidationSummary,
} from "@dataliva/livalib";
Grup doğrulama
LivaValidator, doğrulanacak değeri adapter.getValue geri çağrısından okur;
sonuç adapter.applyValidationResults ile geri döner ve buradan editörün
errorMessage prop'una yansıtılabilir. Grup içindeki bir LivaButton'ın
onClick olayı e.validationGroup nesnesini taşır; validate() çağrısı
gruptaki tüm doğrulayıcıları çalıştırır ve kırılan kurallar
LivaValidationSummary üzerinde listelenir.
Kural tipleri
validationRules dizisinde DevExtreme kural nesneleri kullanılır:
required, email, numeric, range, stringLength, pattern, compare,
custom ve async. Her kurala message ile özel hata metni verilebilir;
range için min/max, pattern için pattern, compare için
comparisonTarget gibi ek alanlar bulunur.
LivaValidationGroup
| Prop | Tip | Varsayılan |
|---|---|---|
variant | 'standard' | 'highlighted' | 'subtle' | 'standard' |
className | string | — |
children | ReactNode | — |
Ayrıca DevExtreme IValidationGroupOptions'tan gelen tüm prop'lar
(ör. onInitialized).
LivaValidator
| Prop | Tip | Varsayılan |
|---|---|---|
variant | 'standard' | 'inline' | 'tooltip' | 'standard' |
validationRules | ValidationRule[] | — |
adapter | { getValue?, applyValidationResults?, reset?, focus?, bypass?, validationRequestsCallbacks? } | — |
validationGroup | string | en yakın grup |
name | string | — |
className | string | — |
Ayrıca DevExtreme IValidatorOptions'tan gelen tüm prop'lar
(ör. onValidated).
LivaValidationSummary
| Prop | Tip | Varsayılan |
|---|---|---|
variant | 'standard' | 'card' | 'inline' | 'toast' | 'standard' |
severity | 'error' | 'warning' | 'info' | 'error' |
className | string | — |
Ayrıca DevExtreme IValidationSummaryOptions'tan gelen tüm prop'lar
(ör. hoverStateEnabled, onItemClick).