LivaDropdownBox
Açılır panelin içinde düz liste, DataGrid veya TreeList barındıran seçim
kutusu. renderMode prop'u panelin nasıl çizileceğini belirler; veri kaynağı
yerel bir dizi ya da uzak bir store yapılandırması olabilir.
import { LivaDropdownBox } from "@dataliva/livalib";
Düz liste
renderMode="plain" panelde basit bir liste gösterir. Örnekte id / name
alanlı küçük bir dizi kullanılıyor.
Veri tablosu
renderMode="datagrid" (varsayılan mod) panelde kolon tanımlı bir DataGrid
açar; arama ve filtreleme tablodan gelir.
Ağaç görünümü
renderMode="treelist" hiyerarşik veriyi ağaç olarak gösterir. Düz veride
üst kayıt parentIdExpr alanıyla, kök düzey rootValue ile belirlenir.
Çoklu seçim
selectionMode="multiple" onay kutulu çoklu seçim açar; value bir dizi
olarak yönetilir.
| Prop | Tip | Varsayılan |
|---|---|---|
renderMode | 'plain' | 'datagrid' | 'treelist' | 'datagrid' |
dataSource | any[] | StoreDataSourceConfig | — |
value | any | any[] | — |
valueExpr | string | 'id' |
displayExpr | string | ((item: any) => string) | 'name' |
keyExpr | string | valueExpr |
columns | IColumnProps[] | [] |
selectionMode | 'single' | 'multiple' | 'single' |
contentHeight | number | string | 400 |
parentIdExpr | string | 'parentId' |
rootValue | any | null |
dataStructure | 'plain' | 'tree' | 'plain' |
label | string | — |
onValueChanged | (e: ValueChangedEvent) => void | — |
onSelectionChanged | (e: LivaDropdownBoxSelectionChangedEvent) => void | — |
Ayrıca DevExtreme IDropDownBoxOptions'tan gelen tüm prop'lar kullanılabilir
(ör. placeholder, width, disabled).