LivaDNDBetweenGrids
Yan yana iki DevExtreme DataGrid arasında satır taşımayı hazır olarak sunan
bileşen. Satır listeleri bileşenin içinde yönetilir: dataSource başlangıç
verisini belirler, sürükleme sonrası ekleme/çıkarma otomatik yapılır ve
taşınan kayıt onLeftToRight / onRightToLeft geri çağrılarıyla bildirilir.
import {
LivaDNDBetweenGrids,
type DNDGridConfig,
type DNDBetweenGridItem,
} from "@dataliva/livalib";
İki grid arası sürükleme
Sol griddeki bir satırı tutup sağ gride bırakın (veya tersi). Her iki grid
de DNDGridConfig nesnesiyle tanımlanır; columns verilmezse name ve
description alanlarından oluşan varsayılan kolonlar kullanılır.
Taşıma geri çağrıları
onLeftToRight ve onRightToLeft, taşınan kayıtları dizi olarak iletir;
seçim sonucunu kaydetmek veya sunucuya bildirmek için kullanılır. gap
prop'u iki grid arasındaki boşluğu ayarlar. Aynı sayfada birden fazla
örnek varsa group değerlerini farklılaştırarak sürüklemenin yalnızca
ilgili grid çifti içinde kalmasını sağlayın.
DNDGridConfig
Her iki grid için kullanılan yapılandırma nesnesi:
| Alan | Tip | Varsayılan |
|---|---|---|
id | string | — |
title | string | — |
dataSource | DNDBetweenGridItem[] | — |
keyExpr | string | 'id' |
columns | IColumnProps[] | name + description |
height | number | string | 400 |
showBorders | boolean | true |
showRowLines | boolean | true |
rowAlternationEnabled | boolean | true |
hoverStateEnabled | boolean | true |
| Prop | Tip | Varsayılan |
|---|---|---|
leftGrid | DNDGridConfig | — |
rightGrid | DNDGridConfig | — |
group | string | symbol | 'dnd-between-grids' |
onLeftToRight | (items: DNDBetweenGridItem[]) => void | — |
onRightToLeft | (items: DNDBetweenGridItem[]) => void | — |
containerHeight | number | string | 'auto' |
gap | number | string | 20 |
className | string | — |
DNDBetweenGridItem, id alanı zorunlu olmak üzere serbest alanlı bir
kayıt tipidir (Record<string, any>).