LivaTagBox
DevExtreme'in TagBox bileşeni üzerine kurulu çoklu seçim kutusu. Arama
(searchEnabled), onay kutulu liste (showSelectionControls) ve butonla
uygulama (applyValueMode="useButtons") varsayılan olarak açık gelir.
import { LivaTagBox } from "@dataliva/livalib";
Çoklu seçim
Dizi tabanlı dataSource ile birlikte displayExpr ve valueExpr
kullanılır; defaultValue başlangıç seçimini belirler.
Çoklu seçim
Önizleme yükleniyor…
Kontrollü değer
value ve onValueChanged ile seçilen değer dizisi React state'inde tutulur.
Kontrollü değer
Önizleme yükleniyor…
Seçim davranışı
applyValueMode="instantly" seçimleri butonsuz anında uygular;
showSelectionControls={false} onay kutularını gizler, hideSelectedItems
seçilenleri listeden çıkarır.
Seçim davranışı
Önizleme yükleniyor…
Durumlar
Durumlar
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
dataSource | any[] | { loadUrl, key?, pageSize?, paginate? } | — |
value | any[] | — |
defaultValue | any[] | — |
displayExpr | string | — |
valueExpr | string | — |
onValueChanged | (e) => void | — |
placeholder | string | — |
label | string | — |
variant | 'standard' | 'outlined' | 'filled' | 'standard' |
size | 'small' | 'medium' | 'large' | 'medium' |
searchEnabled | boolean | true |
showSelectionControls | boolean | true |
applyValueMode | 'useButtons' | 'instantly' | 'useButtons' |
disabled | boolean | false |
readOnly | boolean | false |
Ayrıca DevExtreme ITagBoxOptions'tan gelen tüm prop'lar (ör.
maxDisplayedTags, hideSelectedItems, selectAllMode).