Ana içeriğe geç
Version: 1.0.1

Filter Default Item

Açıklama: Bu dosya, tabloda kullanılan filtrelerin varsayılan yapısını tanımlar. Kullanıcı tarafından herhangi bir filtre eklenmediğinde, filtre başlangıç durumu bu yapıyı kullanır.

Kod

export const FilterDefaultItem = {
column: "",
value: "",
type: TypeGroupEnum.Default,
options: [],
value1: "",
value2: "",
};

Ne İşe Yarar?

  • Tablodaki filtreleme işlemleri için başlangıç durumunu sağlar.
  • Filtre yapılandırmalarında kullanılmak üzere varsayılan bir şablon sunar.

Anahtar Alanlar

AlanTipiAçıklama
columnstringFiltreleme yapılacak sütunun adı.
valuestringFiltreleme için kullanılan değer.
typeTypeGroupEnumFiltreleme türü (metin, sayı, tarih vb.).
optionsany[]Seçim türündeki filtreler için seçenekler.
value1string"Between" gibi çift değer gerektiren işlemler için ilk değer.
value2string"Between" gibi çift değer gerektiren işlemler için ikinci değer.

Kullanım Alanları

1. FiltersPopover

  • Kullanım Amacı: Kullanıcı yeni bir filtre eklediğinde varsayılan filtre yapısını sağlamak için kullanılır.
  • Kullanıldığı Yer: FiltersPopover bileşeninde filtre ekleme işlemi sırasında.
const newFilter = { ...FilterDefaultItem };
setFilters([...filters, newFilter]);

2. handleFilter

  • Kullanım Amacı: API'ye gönderilecek filtrelerin başlangıç değerlerini oluşturmak için kullanılır.
  • Kullanıldığı Yer: handleFilter fonksiyonu.
const filters = criterias?.map((criteria) => ({
...FilterDefaultItem,
...criteria,
}));

İş Mantığı

  1. Başlangıç Durumu:

    • Yeni bir filtre eklenirken varsayılan değerleri sağlar.
  2. Dinamik Yapılandırma:

    • Kullanıcının girdiği değerlere göre alanlar güncellenir.
  3. Tüm Filtre Türlerini Destekler:

    • Metin, sayı, tarih gibi farklı filtre türleri için uygun başlangıç durumu sunar.

Önemli İpuçları

  • TypeGroupEnum.Default türü, belirli bir tür tanımlanmamış filtreler için kullanılır.
  • value1 ve value2 alanları, yalnızca "Between" gibi özel filtre işlemleri için gereklidir.
  • options alanı, seçim türündeki filtrelerde kullanıcıya sunulan seçenekleri içerir.
  • Varsayılan yapının eksiksiz olması, filtreleme işlemlerinde hata oluşmasını önler.